javascript - 通过点击选项获取值

Question

这个问题已经有答案了:

JQuery detect dropdown value is selected even if it's not changed (7 个回答)

已关闭 4 年前。

$('.sela > option').on('click', function() {
  console.log($(this).text());
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class='sela'>
  <option>lorem</option>
  <option>ipsum</option>
</select>

所以点击lorem应设置lorem ，点击ipsum应设置ipsum在控制台中，无论选项是否更改。

可能吗？

Answer 1

您可以尝试等待元素发生更改，然后使用 console.log 显示该值。

$('.sela').on('change', function(){
  var $this = $(this),
      $value = $this.val();

  console.log($value);

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select class='sela'>
<option>lorem</option>
<option>ipsum</option>
</select>