给HTML<select>标签里的option添加双击事件

近日，项目中需要给



<select>标签里的option添加双击事件，达到删除该项的目的。

初期，代码是这样写的：

<select id="selectUserId" multiple="multiple">
    <option>用户1</option>
    <option>用户2</option>
</select>

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

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

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

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