怎么给select 下的option加点击事件

怎么给select 下的option加点击事件,第1张

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

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

})

})

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11936942.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存