Question

如何给select添加双击事件

Answer 1

<select>标签里的option添加双击事件，达到删除该项的目的。
初期，代码是这样写的：

[html] view plain copy
<select id="selectUserId" multiple="multiple">
<option>用户1</option>
<option>用户2</option>
</select>

[javascript] view plain copy
<script type="text/javascript">
$(function () {
$('#selectUserId option').dblclick(function () {
$('#selectUserId option[index=' + this.parentNode.selectedIndex + ']').remove();
})
});

后来发现，在ie中删除选中项，没有效果，后来查了一下，应该讲双击事件绑定到<select>,代码改为：

[javascript] view plain copy
<script type="text/javascript">
$(function () {
$('#selectUserId').dblclick(function () {
$('#selectUserId option[index=' + this.selectedIndex + ']').remove();
})
});

这样，不同的浏览器，就可以都能删除了。