0

私には2つの<select>要素があります。2 番目は、最初の変更時に 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
  });

コードは空の文字列を返します。理由（またはその方法）はありますか？

4

1 に答える 1

2

ページに他の選択があるため、現在の選択要素内のオプションをターゲットにする必要がある可能性があります

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

デモ:解決策-問題

于 2014-03-25T03:01:29.480 に答える