首頁 > web前端 > html教學 > select不支援雙擊dbclick事件_HTML/Xhtml_網頁製作

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

WBOY
發布: 2016-05-16 16:37:05
原創
1859 人瀏覽過
XML/HTML Code複製內容到剪貼簿
  1. div class=class=class=class= 
  2. 樣式
  3. ="寬度:200px; 浮動:左; 右邊距:20px;" 選擇 == "  id
  4. ="select1" 樣式樣式 「寬度:150 像素;高度:160 像素;」>     選項 
  5. ="1" >選項1選項>    選項 =
  6. "2" >選項2選項>    > 選項 ="3"
  7. >選項3選項>    選項 ="4" >
  8. 選項4選項>     選項 ="5" >選項5
  9. 選項>   
  10. >
  11.        
  12. div>     跨度 id=id=id=id=id=id=
  13. id=id=id 樣式="顯示:塊;寬度:140px;遊標:指針;"勾選到右邊>>span
  14. >span>span span id=id=id=" 🎜> 樣式="顯示:塊;寬度:140px;遊標:指針;"全部加到右邊>>span>span>span
  15. div>div>     
  16. div class="centent"  樣式="寬度:200px; 浮動:左; 右邊距:20px;"     
  17. 選擇 == "  id="select2" 樣式樣式>
  18. 「寬度:150 像素;高度:160 像素;」
  19. >    
  20. >    
  21. div
  22. >     跨度 id="add1"  樣式="顯示:塊;寬度:140px;遊標:指針;"
  23. 選取刪除到左邊跨度>跨度>跨度 跨度 id=id=id=id=
  24.  樣式="顯示:塊; 寬度:170px; 遊標:指針;"
  25. 全部選取的刪除到左邊跨度>跨度
跨度
跨度
>     div>     div>   JavaScript 程式碼 將內容複製到剪切板
  1. <script><span class="string">"text/javascript"</script>>    
  2.   
  3. //下拉框多選的應用 9:57    
  4. $(function(){    
  5. //開始把左邊的加到右邊    
  6. $("#add").click(function(){ function(){ 
  7. //把選取的加到右邊 
  8.    $option = $(
  9. "#select1 option:selected"
  10. );     $option.appendTo(
  11. "#select2"
  12. );    
  13. })     $("#addAll").click(function(){ 
  14. (){ 
  15. //全部加到右邊 
  16.   
  17. $option = $("#select1 option");     $option.appendTo("#select2");    
  18. })     $("#select1").dbclick(
  19. function
  20. (){ function(){  //雙擊要加到右邊 
  21.   
  22. $option = $("#select1 option:selected",this
  23. ,this,this); 🎜> $option.appendTo("#select2");    
  24. })    
  25. //開始右邊的加到左邊     $(
  26. "#add1").click(
  27. function(){  //把選取的加到左邊     $option = $("#select2 option:selected"
  28. );    
  29. $option.appendTo("#select1"
  30. );    
  31. })    
  32. $(
  33. "#addAll1"
  34. ).click(
  35. function(){  //全部加到左邊     $option = $("#select2 option"
  36. );    
  37. $option.appendTo("#select1");    
  38. })    
  39. $("#select2"
  40. ).dbclick(
  41. function
  42. (){ 
  43. function(){ 
  44. //雙擊要加到左邊    
$option = $("option:selected",this); $option.appendTo("#select1");     })     })    
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板