如何获得多选项下拉列表的值?

Cli*_*ote 8 javascript jquery

说我有这个下拉列表:

<select name="color" multiple="multiple">
<option value="red">Red</option>
<option value="green">Green</option>
<option value="blue">Blue</option>
</select>
Run Code Online (Sandbox Code Playgroud)

所以基本上可以选择多于1种颜色.我想要的是,如果用户选择红色,然后单击绿色,我希望每次调用一个函数,弹出一个消息框,说明最近点击的颜色.

我试过这个:

<option value="red" onclick="alert('red');">Red</option>
<option value="green" onclick="alert('green');">Green</option>
<option value="blue" onclick="alert('blue');">Blue</option>
Run Code Online (Sandbox Code Playgroud)

这适用于firefox和chrome,但不适用于IE.

有任何想法吗?

Cli*_*ote 0

完成此任务非常复杂,因此我使用了一个更简单的选项,即列出项目,并在项目旁边添加一个复选框和一个全选/取消全选按钮。这样效果更好,而且 IE 也支持。感谢大家的回答。