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

时间:2014-08-27 10:45:04

标签: javascript jquery

我有一个选择多个列表:

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

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

实施例: 如果已经选择了选项1,并且我选择了触发.change()事件的“选项2”,我想获得“选项2”的值。

(我已经阅读了这篇文章Get clicked option in multiple dropdown,但它对我不起作用。)

1 个答案:

答案 0 :(得分:3)

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

请参阅小提琴上的工作示例:http://jsfiddle.net/unkxt8h3/

唯一的问题是,即使您取消选择该选项,该事件也会被解除。但是检查它是否被选中应该是容易的peacy;)

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