select does not support double-click dbclick event_HTML/Xhtml_web page production

XML/HTML CodeCopy content to clipboard

1. div class="centent" style="width:200px; float:left; margin-right:20px;">    
2. select multiple="multiple" id="select1" style="width:150px; height:160px;">    
3. option value="1">选项1option>    
4. option value="2">选项2option>    
5. option value="3">选项3option>    
6. option value="4">选项4option>    
7. option value="5">选项5option>    
8. select>    
9.   
10. div>    
11. span id="add" style="display:block; width:140px; cursor:pointer;">选中添加到右边>>span>    
12. span id="addAll" style="display:block; width:140px; cursor:pointer;">全部添加到右边>>span>    
13. div>div>    
14. div class="centent" style="width:200px; float:left; margin-right:20px;">    
15. select multiple="multiple" id="select2" style="width:150px; height:160px;">    
16. select>    
17. div>    
18. span id="add1" style="display:block; width:140px; cursor:pointer;">选中删除到左边span>    
19. span id="addAll1" style="display:block; width:170px; cursor:pointer;">全部选中删除到左边span>    
20. div>    
21. div>  

JavaScript Code复制内容到剪贴板

1. > 
3. //Application of multiple selection in drop-down box 9:57
4. $(function(){ 
5. //Start adding the left to the right
6. $("#add").click(function(){ //Add the selected one to the right
7. $option = $("#select1 option:selected");
8. $option.appendTo("#select2");
9. })
10. $("#addAll").click(function(){ //Add all to the right
11. $option = $("#select1 option");
12. $option.appendTo("#select2");
13. })
14. $("#select1").dbclick(function(){ //Double-click to add to the right
15. $option = $("#select1 option:selected",this);
16. $option.appendTo("#select2");
17. })
18. //Start on the right and add to the left
19. $("#add1").click(function(){ //Add the selected item to the left
20. $option = $("#select2 option:selected");
21. $option.appendTo("#select1");
22. })
23. $("#addAll1").click(function(){ //Add all to the left
24. $option = $("#select2 option");
25. $option.appendTo("#select1");
26. })
27. $("#select2").dbclick(function(){ //Double-click to add to the left
28. $option = $("option:selected",this);
29. $option.appendTo("#select1");
30. })
31. })