Diversi modi per impostare il valore dell'input usando la funzione JavaScript

A volte, gli sviluppatori devono impostare il valore di un input utilizzando una funzione, ad esempio l'impostazione del valore di un input in base all'ingresso dell'utente, impostando il valore predefinito di un input mentre la pagina è caricata e così via. JavaScript offre metodi o attributi predefiniti per eseguire l'operazione specificata.

Questo post descriverà i modi per impostare il valore del campo di input usando la funzione JavaScript.

Diversi modi per impostare il valore dell'input usando la funzione JavaScript

Per impostare un valore di input utilizzando la funzione JavaScript, utilizzare i seguenti approcci:

• Metodo "setAttribute ()"
• Attributo "valore"

Metodo 1: set valore dell'input usando il metodo "setAttribute ()"

Usa il "setAttribute ()"Metodo per impostare il valore del campo di input. Questo metodo viene utilizzato per impostare il valore di un particolare attributo su un elemento HTML. Ci vogliono due parametri, il "nome"Dell'attributo e del"valore" impostare.

Sintassi
La seguente sintassi viene utilizzata per il metodo setAttribute ():

setAttribute ("valore", valore);

Qui, "valore"È il nome dell'attributo del campo di input e il secondo"valore"È il valore desiderato da impostare per l'attributo specificato.

Esempio
In un file HTML, crea due campi di input. Uno prenderà input dall'utente e nel secondo campo di input, il valore di input dell'utente verrà impostato dinamicamente:

Crea due variabili "inputValue" e il "valore impostato"Che memorizza il riferimento di entrambi i campi di input usando il"getElementById ()" metodo:

var inputValue = documento.getElementById ("Value");
var setValue = document.getElementById ("set");

Invocare il javascript pre-built "addEventListener ()"Metodo con il campo di input in cui l'utente immetterà il valore. Quindi, chiama il "setAttribute ()"Metodo per impostare il valore dell'input dell'utente come valore del secondo campo di input:

inputValue.addEventListener ("Input", () =>
valore impostato.setAttribute ("Value", InputValue.valore);
);

Si può vedere che il valore immesso nel primo campo di input viene automaticamente impostato nel secondo campo di input:

Metodo 2: impostare il valore dell'input usando l'attributo "valore"

Puoi anche usare il “valore"Attributo per l'impostazione del valore di input. Assegna il valore all'attributo che si desidera impostare.

Sintassi
Seguire la sintassi data per l'attributo "Valore" per impostare il valore dell'input:

ingresso.value = value;

Esempio
Impostare il valore immesso del primo campo di input nel secondo campo di input usando "valore"Attributo nel"addEventListener ()" metodo:

inputValue.addEventListener ("Input", () =>
valore impostato.value = inputValue.valore;
);

Produzione

Abbiamo fornito tutte le possibili soluzioni per l'impostazione del valore dell'input utilizzando la funzione JavaScript.

Conclusione

Per l'impostazione del valore dell'input utilizzando la funzione JavaScript, utilizzare "setAttribute ()Metodo o il "valore"Attributo. L'attributo "Valore" è l'approccio più comunemente usato per l'impostazione del valore di un input. Questo post ha descritto i modi per impostare il valore del campo di input utilizzando la funzione JavaScript.