Событие изменения Dropdownlist не работает в IE9

Question

У меня есть этот кусок кода, который просто отказывается сотрудничать, я пытался просмотреть синтаксис, пробовал .change, .click события, ничего не работает, я пытаюсь предупредить пользователя, если функцияработает, ничего.Вот код Javascript:

$('#ProductNamesList').change(function () {
    alert('JQuery works!');
});

И HTMLHelper, который генерирует выпадающий список

@Html.DropDownList("ProductNamesList", New SelectList(Model.ProductList))

Может кто-нибудь помочь, пожалуйста?Я не могу протестировать его в других браузерах, так как наши требования здесь -.-

Для записи я использую jquery-1.6.4.js и jquery-ui-1.8.16.js

Answer 1

Я не вижу в этом ничего плохого, в Firefox и IE8 у меня сработало следующее (здесь IE9 не доступен).

@Html.DropDownList("ProductNamesList", new SelectList(Model.ProductList))
<script type="text/javascript">
   $('#ProductNamesList').change(function () {
      alert('JQuery works!');
   });
</script>

Правильно ли подключена главная страница и правильная ли ссылка на jquery?

Answer 2

Попробуйте это

$(document).ready(function() {
  $('#ProductNamesList').live('change', function (event) {
     alert('JQuery works!');
 });

});

Answer 3

Глядя на ваше живое демо, кажется, что проблема в использовании name="#sel". Правильное обозначение: id="sel".

Если вы настаиваете на использовании атрибута name, используйте селектор jQuery [name="sel"]. Также обратите внимание, что знак хеша является избыточным в значении атрибута.

Answer 4

Я попробовал следующий код, и он работает.

<form action="">
  <select id="sel">
    <option>AUDI</option>
    <option>Axel</option>
    <option>BCS</option>
    <option>BIBO</option>
   </select>
</form>
<p id=result>

И javascript:

$(document).ready(function() {
  $("#sel").change(function () {
    alert("JQuery works!");
 });
});

Когда я пробую это в вашей демонстрационной версии, я получаю ошибку $ isне определен.Я создал jsfiddle, который также отлично работает.

http://jsfiddle.net/rtFUs/

Так что все, что вам нужно сделать, это убедиться, что вы добавляете jquery правильно, а идентификатор поля выбора - "mySelectBoxId "и вы ссылаетесь на него с помощью #, например $ (" # mySelectBoxId "), вот и все.