select不支持双击dbclick事情

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

XML/HTML Code

仿制内容到剪贴板

1. <div>
2. <select multiple="multiple" id="select1">
3. <option value="1">选项1</option>
4. <option value="2">选项2</option>
5. <option value="3">选项3</option>
6. <option value="4">选项4</option>
7. <option value="5">选项5</option>
8. </select>
10. <div>
11. <span id="add">选中添加到右边>></span>
12. <span id="addAll">悉数添加到右边>></span>
13. </div></div>
14. <div>
15. <select multiple="multiple" id="select2">
16. </select>
17. <div>
18. <span id="add1"><<选中删去到左面</span>
19. <span id="addAll1"><<悉数选中删去到左面</span>
20. </div>
21. </div>

Javascript Code

仿制内容到剪贴板

1. <script type="text/javascript">
3. //下拉框多选的使用 9：57
4. $(function(){
5. //开端把左面的添加到右边
6. $("#add").click(function(){ //把选中的添加到右边
7. $option = $("#select1 option:selected");
8. $option.appendTo("#select2");
9. })
10. $("#addAll").click(function(){ //悉数添加到右边
11. $option = $("#select1 option");
12. $option.appendTo("#select2");
13. })
14. $("#select1").dbclick(function(){ //双击添加到右边
15. $option = $("#select1 option:selected",this);
16. $option.appendTo("#select2");
17. })
18. //开端右边的添加到左面
19. $("#add1").click(function(){ //把选中的添加到左面
20. $option = $("#select2 option:selected");
21. $option.appendTo("#select1");
22. })
23. $("#addAll1").click(function(){ //悉数添加到左面
24. $option = $("#select2 option");
25. $option.appendTo("#select1");
26. })
27. $("#select2").dbclick(function(){ //双击添加到左面
28. $option = $("option:selected",this);
29. $option.appendTo("#select1");
30. })
31. })
32. </script>

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

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

责任编辑：