document.getElementById is null

Question

У меня есть JavaScript, работающий в IE, но не в 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

Проблема в том, что ваш элемент input не имеет id! Изменение name в id, или добавить id тоже:

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

В качестве альтернативы, если вы не хотите, чтобы добавить id, вы можете использовать getElementsByName (который doesn't work very well кросс-браузер), или вы можете использовать атрибут JQuery селектор:

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

Update

Я просто заметил, что вы сказали в своем вопросе что он работал в IE. Это означает, что вы должны использовать довольно старую версию IE, потому что getElementById в IE7 и ниже неправильно выбирает элементы по name, а также id.

Answer 2

Если вы используете JQuery, почему бы не использовать его, чтобы установить входное значение:

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

И как другие отметили, ваш вклад id-й не был «выпадающий».

Также обратите внимание, что в большинстве случаев использования можно использовать $ вместо jQuery.