jquery - JQuery - 在更改事件时获取所选选项的属性

Question

我有两个<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
  });

代码返回空字符串。知道为什么（或如何做）吗？

Answer 1

可能是因为页面中有其他选择，您需要定位当前选择元素中的选项

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

演示：解决方案-问题