Wie würden Sie den Standardwert eines Formulartextfelds <input>
in JavaScript festlegen ?
Wie würden Sie den Standardwert eines Formulartextfelds <input>
in JavaScript festlegen ?
Antworten:
Dies ist eine Möglichkeit:
document.getElementById("mytext").value = "My value";
.value = ...
wird nur der aktuelle Wert geändert. Durch Zurücksetzen des Formulars ( <input type="reset" />
z. B. mit) wird der Wert wieder auf den ursprünglichen Wert zurückgesetzt. Funktioniert dagegen setAttribute("value", ...)
ordnungsgemäß in Firefox und Chrome. Der Standardwert wird geändert, der tatsächliche Wert wird jedoch nur geändert, wenn der Benutzer ihn noch nicht geändert hat. Wird setAttribute
jedoch aus Gründen der Browserkompatibilität nicht empfohlen. Gibt es eine andere Möglichkeit?
Ich benutze die Funktion 'setAttribute':
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
value
sollte direkt mit der Punktnotation zugegriffen werden: developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute Sie verwenden nur set / getAttribute, um mit dem ursprünglichen Wert umzugehen. Stellt nach dem Laden des DOM .value
den tatsächlichen Arbeitswert des Elements dar.
setAttribute
. Mein Problem bestand darin, den Wert einer Eingabe durch einen Funktionsaufruf zu ändern und auch die zuletzt geänderten Eingaben zu ändern.
Probieren Sie diese aus.
document.getElementById("current").value = 12
// or
var current = document.getElementById("current");
current.value = 12
Die Antwort ist wirklich einfach
// Your HTML text field
<input type="text" name="name" id="txt">
//Your javascript
<script type="text/javascript">
document.getElementById("txt").value = "My default value";
</script>
Oder wenn Sie JavaScript ganz vermeiden möchten: Sie können es nur mit HTML definieren
<input type="text" name="name" id="txt" value="My default value">
value
Attribut zu verwenden ...
Wenn Sie mehrere Formulare verwenden, können Sie Folgendes verwenden:
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
Die einfache Antwort ist nicht in Javascript. Der einfachste Weg, den Platzhalter zu erhalten, ist das Platzhalterattribut
<input type="text" name="text_box_1" placeholder="My Default Value" />
Es ist einfach; Ein Beispiel ist:
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
var elem = document.getElementById("example"); // Get text field
elem.value = "My default value"; // Change field
</script>
document.getElementById("fieldId").value = "Value";
oder
document.forms['formId']['fieldId'].value = "Value";
oder
document.getElementById("fieldId").setAttribute('value','Value');
Diesen Teil verwenden Sie in HTML
<input id="latitude" type="text" name="latitude"></p>
Das ist JavaScript:
<script>
document.getElementById("latitude").value=25;
</script>
Sie können auch versuchen:
document.getElementById('theID').value = 'new value';