JQuery - получить свойство выбранной опции при изменении события

Question

JQuery - получить свойство выбранной опции при изменении события

0

У меня есть два элемента <select>. второй заполняется через ajax, когда первый изменяется.
Все идет нормально. Заполненным контентом является внутреннее содержимое html элемента.

<select id="PaymentContractId">
  <!-- dynamic content start -->
  <option title="400" value="12">XXX Street,326</option>
  <option title="500" value="67">YYY Street, 444</option>
  <!-- dynamic content end -->
</select>

Код JQuery:

  $("#PaymentContractId").on('change', function(eve) {
    console.log($("option:selected").prop("title"));
    // console.log($("#PaymentContractId option:selected").prop("title")); 
    // this also failed
  });

Код возвращает пустые строки. любая идея, почему (или как это сделать)?

yossi 25 март 2014, в 04:14

Источник

1

Здесь отлично работает: jsfiddle.net/xU39Z
Felix 25 март 2014, в 03:01
0

Очевидно, проблема заключалась в (почему?) Атрибуте заголовка, который имел родительский <select> . Я удалил это, и это работает.
yossi 25 март 2014, в 03:11

Теги:

jquery

select

prop

1 ответ

Ещё вопросы

Здесь отлично работает: jsfiddle.net/xU39Z
Очевидно, проблема заключалась в (почему?) Атрибуте заголовка, который имел родительский <select> . Я удалил это, и это работает.

Arun P Johny · Accepted Answer · 2014-03-25T01-41-00.000Z

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

  $("#PaymentContractId").on('change', function(eve) {
    console.log($(this).find("option:selected").prop("title"));
  });

Демо: Решение - проблема