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"));
  });

演示：Solution - Problem

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

1 个答案: