select不支持双击dbclick事件

2019-10-26 17:16:44

字体：大中小

来源：转载

供稿：网友

<div>

<span id="add" style="display:block; width:140px; cursor:pointer;">选中添加到右边>></span> <span id="addAll" style="display:block; width:140px; cursor:pointer;">全部添加到右边>></span>

</div></div> <div class="centent" style="width:200px; float:left; margin-right:20px;">

</div>

JavaScript Code复制内容到剪贴板

//下拉框多选的应用 9：57 $(function(){

//开始把左边的添加到右边 $("#add").click(function(){ //把选中的添加到右边

$option = $("#select1 option:selected"); $option.appendTo("#select2");

}) $("#addAll").click(function(){ //全部添加到右边

$option = $("#select1 option"); $option.appendTo("#select2");

}) $("#select1").dbclick(function(){ //双击添加到右边

$option = $("#select1 option:selected",this); $option.appendTo("#select2");

}) //开始右边的添加到左边

$("#add1").click(function(){ //把选中的添加到左边 $option = $("#select2 option:selected");

$option.appendTo("#select1"); })

$("#addAll1").click(function(){ //全部添加到左边 $option = $("#select2 option");

$option.appendTo("#select1"); })

$("#select2").dbclick(function(){ //双击添加到左边 $option = $("option:selected",this);

$option.appendTo("#select1"); })

}) </script>

上一篇：用table表格来调整表单控件的格式让它好看一些

下一篇：今天遇到了很奇葩的li a的点击问题自己解决的

学习交流

电脑开不了机的原因和解决办法

电脑开不了机的原因和解决办法...

热门图片

猜你喜欢的新闻

猜你喜欢的关注