Den Wert eines Eingabefeldes festlegen

Question

Wie würden Sie den Standardwert eines Formulars festlegen? <input> Textfeld in JavaScript?

Answer 1

Dies ist eine Möglichkeit, dies zu tun:

document.getElementById("nameofid").value = "My value";

Answer 2

Ich verwende die Funktion 'setAttribute':

<input type="text" id="example"> // Setup text field 
<script type="text/javascript"> 
  document.getElementById("example").setAttribute('value','My default value');
</script>

Answer 3

Wenn Ihr Formular ein Eingabefeld enthält wie

<input type='text' id='id1' />

dann können Sie den Code in Javascript wie unten angegeben schreiben, um seinen Wert zu setzen

document.getElementById('id1').value='text to be displayed' ;

Answer 4

2021 Antwort

Anstelle der Verwendung von document.getElementById() können Sie jetzt document.querySelector() für verschiedene Fälle

weitere Informationen aus einer anderen StackOverflow-Antwort:

querySelector können Sie Elemente mit Regeln finden, die nicht ausgedrückt werden können mit getElementById y getElementsByClassName

BEISPIEL:

document.querySelector('input[name="myInput"]').value = 'Whatever you want!';

o

let myInput = document.querySelector('input[name="myInput"]');
myInput.value = 'Whatever you want!';

Test:

document.querySelector('input[name="myInput"]').value = 'Whatever you want!';

<input type="text" name="myInput" id="myInput" placeholder="Your text">

Answer 5

Wenn Sie mehrere Formulare verwenden, können Sie diese verwenden:

<form name='myForm'>
    <input type='text' name='name' value=''>
</form>

<script type="text/javascript"> 
    document.forms['myForm']['name'].value = "New value";
</script>