如何给select添加双击事件

<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()

})

})

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

你好。 首先，你可以为要添加动作的这个元素添加野念渣一个id属性，以便脚本引用。颂悄如： 手动输入 然后，为这个元素添加鼠标点击事件，代码我已经高丛为你写好，请参考： 1、如果你是用原生的Javascript实现，代码如下： document.getElementById('myoption

---