select不支援雙擊dbclick事件_HTML/Xhtml_網頁製作

XML/HTML Code複製內容到剪貼簿

1. div class=class=class=class=類 
樣式
2. ="寬度:200px; 浮動:左; 右邊距:20px;" 選擇 多=多=多 "  id
3. ="select1" 樣式樣式 「寬度：150 像素；高度：160 像素；」>     選項 值
4. ="1" >選項1選項>    選項 值=
5. "2" >選項2選項>    > 選項 值="3"
6. >選項3選項>    選項 值="4" >
7. 選項4選項>     選項 值="5" >選項5
8. 選項>   
9. 選>
10.        
11. div>     跨度 id=id=id=id=id=id=
12. id=id=id 樣式="顯示：塊；寬度：140px；遊標：指針；"勾選到右邊>>span
>span>span span id=id=id=" 🎜> 樣式="顯示：塊；寬度：140px；遊標：指針；"全部加到右邊>>span>span>span
13. div>div>     
14. div class="centent"  樣式="寬度:200px; 浮動:左; 右邊距:20px;"     
15. 選擇 多=多=多 "  id="select2" 樣式樣式>
「寬度：150 像素；高度：160 像素；」
16. >    
選
17. >    
div
18. >     跨度 id="add1"  樣式="顯示：塊；寬度：140px；遊標：指針；"
選取刪除到左邊跨度>跨度>跨度 跨度 id=id=id=id=
19.  樣式="顯示:塊; 寬度:170px; 遊標:指針;"
全部選取的刪除到左邊跨度>跨度

跨度

跨度

>     div>     div>   JavaScript 程式碼 將內容複製到剪切板

1. <script><span class="string">"text/javascript"</script>>    
2.   
3. //下拉框多選的應用 9：57    
4. $(function(){    
5. //開始把左邊的加到右邊    
6. $("#add").click(function(){ function(){ 
//把選取的加到右邊 
7.    $option = $(
"#select1 option:selected"
8. );     $option.appendTo(
"#select2"
9. );    
10. })     $("#addAll").click(function(){ 
11. (){ 
//全部加到右邊 
13.   
14. $option = $("#select1 option");     $option.appendTo("#select2");    
15. })     $("#select1").dbclick(
function
16. (){ function(){  //雙擊要加到右邊 
17.   
18. $option = $("#select1 option:selected",this
19. ,this,this); 🎜> $option.appendTo("#select2");    
20. })    
21. //開始右邊的加到左邊     $(
22. "#add1").click(
23. function(){  //把選取的加到左邊     $option = $("#select2 option:selected"
);    
24. $option.appendTo("#select1"
);    
25. })    
$(
26. "#addAll1"
).click(
27. function(){  //全部加到左邊     $option = $("#select2 option"
);    
28. $option.appendTo("#select1");    
})    
29. $("#select2"
).dbclick(
30. function
(){ 
31. function(){ 
32. //雙擊要加到左邊    

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