Question

我有这个多选标签：

<select name="cars" multiple>
  <option value="volvo" selected>Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

我有一个改变行动：

$('select').on('change', function(e) {
    alert(e.option???)
})

如何检测哪个选项已更改？我想知道哪个选项被选中/取消选为最后一个。所以，如果我选择了“volvo”并选择“opel”，我想在仅警报中使用opel。

Answer 1

您可以使用以下内容：

$('select').on('change', function(e) {
    $('option:selected', this).val();
});

Answer 2

您必须在此上下文中使用:selected选择器，

$('select').on('change', function(e) {
    console.log($(":selected", this));
});

由于您使用的是多个select元素，因此:selected选择器的结果将不止一个option元素。

Answer 3

$('select').on('click', function(e) {
    alert($(e.target).val());
})

如何检测选择了哪个选项？

3 个答案: