document.getElementById為null

Question

我在IE中使用了以下JavaScript，但在Chrome和Firefox上卻沒有。 這是代碼：

<script type="text/javascript">
jQuery(document).ready(function() {

jQuery('#applicationSelect').change(function() {
document.getElementById('dropdown').value = "APPLICATION";
});

});
</script>

<input type="hidden" name="dropdown" value="" />

當我查看Firebug時，代碼出錯：

document.getElementById("dropdown") is null
document.getElementById('dropdown').value = "APPLICATION";

我需要你的建議。 先感謝您。

Answer 1

如果您已經在使用jQuery，為什么不使用它來設置輸入值：

$('#dropdown').val('APPLICATION');

正如其他人指出的那樣，您輸入的id不是“下拉列表”。

另外，請注意，在大多數用例中，可能會使用$代替jQuery 。

Answer 2

問題是您的input元素沒有id ！ 將name更改為id ，或者也添加一個id ：

<input type="hidden" name="dropdown" id="dropdown" value="" />

另外，如果您不想添加id ，則可以使用getElementsByName （跨瀏覽器效果不佳 ），或者可以使用jQuery屬性選擇器：

$("input[name='dropdown']").val("APPLICATION");

更新資料

我只是注意到您在問題中說它正在IE中運行。 這意味着您必須使用舊版本的IE，因為IE7及更低版本中的getElementById錯誤地通過name和id選擇元素。