javascript - 在 jQuery 中设置选定选项的选定属性

Question

我有以下实现，每当我更改选择值时都会触发更改事件。

 $(element).on("change", function() {



            });

现在，在 on Change 函数中，我需要获取选定的选项，然后将 selected = selected 属性附加到它。

所以我可以使用以下方法获取值:

  $(element).on("change", function() {

                alert($(this).find(":selected").text());

            });

但是所选值不会反射(reflect)在用户界面中。它仍然显示没有选择。

Answer 1

获取所选选项值:

$(element).on("change", function() {
  var item=$(this);
  alert(item.val())
});

或

$(element).change(function() { 
  var item=$(this);
  alert(item.val())
});

fiddle to play.

var element = $("#options");

$(element).on("change", function() {
  var item=$(this);
  alert(item.val())
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<select id="options">
  <option value="select">Select</option>
  <option value="select 1 value">Select 1</option>
  <option value="select 2 value">Select 2</option>
</select>

更改时获取所选下拉值的方法: