Выберите опцию, не динамически установленную на IE9

Question

Я рассмотрел все ответы, связанные с этим, но все еще не могу понять. Пожалуйста помоги. У меня есть код JQuery, как показано ниже:

$('#DDPrimaryServiceLine').find('option:contains("' + rowData['Primary_Service_Line'] + '")').attr("selected", true); 

rowData генерируется из БД через AJAX вызова. Также изначально выбор пуст, он становится динамически заполненным во время выполнения. По умолчанию у него есть null как выбранный.

При запуске выпадающее меню по умолчанию выбрано null в IE9, хотя оно отлично работает в Google Chrome.

Просьба предложить. (Я пробовал писать

$("#DDPrimaryServiceLine option:selected").removeAttr('selected'); 

тоже в моем коде. Но не работает)

Answer 1

комментарий как ответ:

Вы должны быть установив val() в select и не выбирая option, однако, если вы хотите, чтобы изменить выбранное свойство в option, используйте prop() и не attr(). Это устанавливает правильные внутренние значения (и вызывает изменения выбора триггеров) и не просто изменяет атрибуты отображения.

например.

$('#DDPrimaryServiceLine').find('option:contains("' + rowData['Primary_Service_Line'] + '")').prop("selected", true); 

prop имеет дополнительное преимущество в том, что возвращаемые значения не являются просто строки, и это будет правильно возвращать true и falseбулевы значения, если атрибут является «истинным» или «ложь».

Answer 2

ли решение здесь помочь Best way to unselect a <select> in jQuery?

с использованием .prop ("выбрано", ложь) вместо .removeAttr()?

Answer 3

Мне нужно также посмотреть ваш html-код, чтобы узнать, где может быть ошибка. Проверить эту ссылку: ie9 select default value