Jak ustawić domyślną wartość <input>
pola tekstowego formularza w JavaScript?
Jak ustawić domyślną wartość <input>
pola tekstowego formularza w JavaScript?
Odpowiedzi:
Jest to jeden ze sposobów:
document.getElementById("mytext").value = "My value";
.value = ...
zmienia tylko bieżącą wartość. Zresetowanie formularza ( <input type="reset" />
na przykład) spowoduje zmianę wartości z powrotem na pierwotną. Natomiast setAttribute("value", ...)
działa poprawnie w Firefox i Chrome. Wartość domyślna jest zmieniana, ale wartość rzeczywista jest zmieniana tylko wtedy, gdy użytkownik jeszcze jej nie zmodyfikował. Nie setAttribute
jest to jednak zalecane ze względu na kompatybilność przeglądarki. Czy jest jakaś inna możliwość?
Używam funkcji „setAttribute”:
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
value
należy uzyskać bezpośredni dostęp za pomocą notacji kropkowej: developer.mozilla.org/en-US/docs/Web/API/Element.setAttribute Używasz tylko set / getAttribute do obsługi oryginalnej wartości. Po załadowaniu DOM .value
reprezentuje rzeczywistą wartość roboczą elementu.
setAttribute
. Moim problemem była zmiana wartości wejścia poprzez wywołanie funkcji, zmiana ostatnio zmienionych danych wejściowych.
Wypróbuj te.
document.getElementById("current").value = 12
// or
var current = document.getElementById("current");
current.value = 12
Odpowiedź jest naprawdę prosta
// 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>
Lub jeśli chcesz całkowicie uniknąć JavaScript: możesz to zdefiniować tylko za pomocą HTML
<input type="text" name="name" id="txt" value="My default value">
value
atrybutu ...
Jeśli używasz wielu formularzy, możesz użyć:
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
Prosta odpowiedź nie jest w języku Javascript. Najprostszym sposobem uzyskania symbolu zastępczego jest użycie atrybutu placeholder
<input type="text" name="text_box_1" placeholder="My Default Value" />
To proste; Przykładem jest:
<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";
lub
document.forms['formId']['fieldId'].value = "Value";
lub
document.getElementById("fieldId").setAttribute('value','Value');
Ta część, której używasz w HTML
<input id="latitude" type="text" name="latitude"></p>
To jest javaScript:
<script>
document.getElementById("latitude").value=25;
</script>
Możesz także spróbować:
document.getElementById('theID').value = 'new value';