Я хотел бы динамически изменять значения определенных элементов формы, в частности, определенных входных текстовых полей.До сих пор всякий раз, когда я загружаю свою HTML-страницу, я просто получаю пустое поле ввода, но я ожидаю, что оно будет содержать значение 1.Вот пример того, как я пытаюсь это сделать.
<!DOCTYPE HTML>
<HTML>
<HEAD>
<script type="text/javascript" src="javascript/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var myForm = $(this).getElementById('form1');
myForm.elements['Q01'].value = '1';
});
</script>
</HEAD>
<BODY>
<form id="form1">
<input type="text" name="Q01" maxlength="1" />
</form>
</BODY>
</HTML>
Причина, по которой это нужно делать динамически, заключается в том, что значение формы может каждый раз отличаться.Я даже правильно подхожу к этому?Предложения о том, как мне достичь желаемой функциональности?
- РЕДАКТИРОВАТЬ -
Ни одно из решений, похоже, не работает.Вот обновление моего кода:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<script type="text/javascript" src="javascript/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//$("#Q01").val("1");
$("#form1 input[name='Q01']").val("1");
//$("input[name='Q01']").val('1');
});
</script>
</HEAD>
<BODY>
<form id="form1">
<input type="text" id="Q01" name="Q01" maxlength="1" />
</form>
</BODY>
</HTML>
Когда я загружаю страницу, я ожидаю, что во входном тексте будет 1.Но входной текст продолжает отображаться пустым.Есть идеи?
- РЕДАКТИРОВАТЬ -
Вот решение, полученное из ответов ниже, которые мне нравятся:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<script type="text/javascript" src="javascript/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#Q01").val("1");
});
</script>
</HEAD>
<BODY>
<form id="form1">
<input type="text" id="Q01" name="Q01" maxlength="1" />
</form>
</BODY>
</HTML>