中国公益网 > 公益 > 正文

select不支持双击dbclick事情

2019-12-30 06:49:02 阅读：4871+ 来源：自媒体 作者：素材圈

原标题：select不支撑双击dbclick事情

XML/HTML Code

仿制内容到剪贴板

<div>
<select multiple="multiple" id="select1">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">选项5</option>
</select>
<div>
<span id="add">选中添加到右边>></span>
<span id="addAll">悉数添加到右边>></span>
</div></div>
<div>
<select multiple="multiple" id="select2">
</select>
<div>
<span id="add1"><<选中删去到左面</span>
<span id="addAll1"><<悉数选中删去到左面</span>
</div>
</div>

Javascript Code

仿制内容到剪贴板

<script type="text/javascript">
//下拉框多选的使用 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>

本文由建站免费资料圈sucaiq.com共享！！！

假如我们有任何疑问请给我留言，小编会及时回复我们的。在此也非常感谢我们对资料圈的支撑！若你觉得本文对你有协助，欢迎转载，烦请注明出处，谢谢！

责任编辑：

上一篇：【我与国家一同前行】养老新模式让

下一篇：3岁遇事故截肢惨遭爸爸妈妈遗弃28年

“如果发现本网站发布的资讯影响到您的版权，可以联系本站！同时欢迎来本站投稿！