jbr*_*aud 3 javascript forms jquery html5
我想动态修改某些表单元素的值,更具体地说是某些输入文本字段.到目前为止,每当我加载我的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>
如果您正在使用jQuery,您只需将id属性更改name为输入元素,然后执行以下操作:
$('#Q01').val('1')
val方法设置值可以在这里找到更多:http://api.jquery.com/val/