如何获取由.change(）事件触发的多选的单击选项值

How to get clicked option value of a multiple select, fired by .change() event

本文关键字：单击 选项 事件 何获取 获取 change      更新时间：2023-09-26

我有一个选择多个列表：

<select id="List" multiple="multiple">  
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

我在选择时触发事件：

$("select#List").change(function() {
    // do ajax stuff...
});

我需要获取触发更改事件的已单击选项的值。

示例：如果已经选择了选项1，并且我选择了触发.change（）事件的"选项2"，我希望获得"选项2"的值。

（我已经读过这篇文章在多个下拉列表中点击选项，但它对我不起作用）。

什么对你不起作用，我已经检查了你发布的链接中的答案，它起作用了。

请参阅fiddle的工作示例：http://jsfiddle.net/unkxt8h3/

这里唯一的问题是，即使取消选择选项，事件也会被触发。但检查它是否被选中应该很容易；）

html:

<select id="List" multiple="multiple">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
</select>

JS:

$("#List option").click(function () {
    var value = $(this).attr("value");
    console.log(value);
    alert(value);
});
相关文章：