Проблема JQuery в IE для динамически генерируемых значений опций окна выбора

Question

Я динамически заполняю поле выбора значениями параметров на основе результатов поиска, возвращаемых AJAX и PHP.Когда пользователь щелкает один из параметров в динамически заполненном окне выбора, должно появиться диалоговое окно, содержащее форму, предварительно заполненное значениями.Код прекрасно работает в Mozilla Firefox, но не в IE.Я упростил код jQuery (вырезал заполнение части значений формы), и это можно увидеть ниже:

 $("#user-select").change(function() {
        $("#user-select option").click(function() {
            $( "#form" ).dialog( "open" );
            return false;
        });
  });

Не уверен, почему форма не всплывает при нажатии на параметр вIE.Дайте мне знать, если вам нужна дополнительная информация.

Answer 1

Не связывайте события кликов с элементами опций, это не будет работать во всех браузерах. Просто откройте диалоговое окно и удалите щелчок.

$("#user-select").change(function() {
  $( "#form" ).dialog( "open" );
});

Редактировать для комментариев:

function selectHandler () {
  $( "#form" ).dialog( "open" );
  var val = $( this ).val();
}

$( "#user-select" ).one( "change", function ( ) {
  selectHandler();
  $( this ).click( selectHandler );
});

Эта версия сначала реагирует на изменения, а затем реагирует на нажатия. Кроме того, это гораздо более простой способ получить значение.