Làm thế nào bạn có thể đặt giá trị mặc định của <input>
trường văn bản biểu mẫu trong JavaScript?
Làm thế nào bạn có thể đặt giá trị mặc định của <input>
trường văn bản biểu mẫu trong JavaScript?
Câu trả lời:
Đây là một cách để làm điều đó:
document.getElementById("mytext").value = "My value";
.value = ...
không chỉ thay đổi giá trị hiện tại. Đặt lại biểu mẫu ( <input type="reset" />
ví dụ) sẽ thay đổi giá trị trở lại giá trị ban đầu. Ngược lại, setAttribute("value", ...)
hoạt động đúng trong Firefox và Chrome. Giá trị mặc định được thay đổi nhưng giá trị thực tế chỉ được thay đổi nếu người dùng chưa sửa đổi nó. Tuy nhiên, setAttribute
không được khuyến khích vì khả năng tương thích trình duyệt. Có khả năng nào khác không?
Tôi sử dụng chức năng 'setAttribution':
<input type="text" id="example"> // Setup text field
<script type="text/javascript">
document.getElementById("example").setAttribute('value','My default value');
</script>
value
nên được truy cập trực tiếp bằng cách sử dụng ký hiệu dấu chấm: developer.mozilla.org/en-US/docs/Web/API/Euity.setAttribution bạn chỉ sử dụng set / getAttribution để xử lý giá trị ban đầu. Sau khi DOM được tải, .value
biểu thị giá trị làm việc thực tế của phần tử.
setAttribute
. Vấn đề của tôi là thay đổi giá trị của một đầu vào thông qua một lệnh gọi hàm, thay đổi các đầu vào thay đổi cuối cùng.
Hãy thử những điều này.
document.getElementById("current").value = 12
// or
var current = document.getElementById("current");
current.value = 12
Câu trả lời rất đơn giản
// 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>
Hoặc nếu bạn muốn tránh JavaScript hoàn toàn: Bạn có thể xác định nó chỉ bằng cách sử dụng HTML
<input type="text" name="name" id="txt" value="My default value">
value
thuộc tính ...
Nếu bạn đang sử dụng nhiều hình thức, bạn có thể sử dụng:
<form name='myForm'>
<input type='text' name='name' value=''>
</form>
<script type="text/javascript">
document.forms['myForm']['name'].value = "New value";
</script>
Câu trả lời đơn giản không có trong Javascript, cách đơn giản nhất để có được giữ chỗ là thông qua thuộc tính giữ chỗ
<input type="text" name="text_box_1" placeholder="My Default Value" />
Thật đơn giản; Một ví dụ là:
<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";
hoặc là
document.forms['formId']['fieldId'].value = "Value";
hoặc là
document.getElementById("fieldId").setAttribute('value','Value');
Phần này bạn sử dụng trong html
<input id="latitude" type="text" name="latitude"></p>
Đây là javaScript:
<script>
document.getElementById("latitude").value=25;
</script>
Bạn cũng có thể thử:
document.getElementById('theID').value = 'new value';