document.getElementById().value和document.getElementById().选中不适用于IE

Question

我尝试将新值分配给输入表单的隐藏输入和复选框.它在Firefox中工作正常,但在IE中却没有(我使用的是IE 7).有谁知道我的代码有什么问题？

HTML:

<input type="hidden" id="msg" name="msg" value="" style="display:none"/>
<input type="checkbox" name="sp" value="100" id="sp_100">

使用Javascript:

var Msg="abc";
document.getElementById('msg').value = Msg;
document.getElementById('sp_100').checked = true;

Answer 1

对于非分组元素,name和id应该相同.在这种情况下,您将名称命名为"sp",将id命名为"sp_100".不要这样做,这样做:

HTML:

<input type="hidden" id="msg" name="msg" value="" style="display:none"/>
<input type="checkbox" name="sp" value="100" id="sp">

使用Javascript:

var Msg="abc";
document.getElementById('msg').value = Msg;
document.getElementById('sp').checked = true;

更多细节

请访问:http://www.impressivewebs.com/avoiding-problems-with-javascript-getelementbyid-method-in-internet-explorer-7/

Answer 2

您粘贴的代码应该有效......必须有一些我们在这里看不到的东西.

看看这个.在IE7上为我工作很好.提交时,您将看到URL中传递的变量.

Answer 3

看看jQuery，一个跨浏览器库，它会让你的生活变得更轻松。

var msg = 'abc';
$('#msg').val(msg);
$('#sp_100').attr('checked', 'checked');