Rumah > hujung hadapan web > html tutorial > select tidak menyokong dbclick event_HTML/Xhtml_pengeluaran halaman web dbclick

select tidak menyokong dbclick event_HTML/Xhtml_pengeluaran halaman web dbclick

WBOY
Lepaskan: 2016-05-16 16:37:05
asal
1859 orang telah melayarinya
Kod XML/HTMLSalin kandungan ke papan keratan
  1. <div kelas="senti"  gaya="lebar:200px; float:kiri; margin-kanan:20px;">     
  2. <pilih berbilang="berbilang"  id="pilih1" gaya="lebar:150px; tinggi:160px;">    
  3. <pilihan nilai="1" >选项1pilihan>    
  4. <pilihan nilai="2" >选项2pilihan>    
  5. <
  6. pilihan nilai="3" >选项3pilihan>     <
  7. pilihan
  8.  nilai="4" >选项4pilihan>     <pilihan
  9.  
  10. nilai="5" >选项5pilihan>     pilih>    
  11.    <
  12. div
  13. >
  14.     
  15. <span 
  16. id
  17. ="tambah"  gaya="display:block; width:140px; cursor:pointer;">选中添加到右边>>span> >     <span id
  18. ="addAll"  gaya="display:block; width:140px; cursor:pointer;">全部添加到右边>>span> >    
  19. div>div>    
  20. <div kelas="centent"  gaya="width:200px; float:left; margin-right:20px;">     
  21. <pilih berbilang="berbilang"  id="pilih2" gaya="lebar:150px; tinggi:160px;">    
  22. pilih>    
  23. <div>    
  24. <span id="add1"  gaya="display:block; width:140px; cursor:pointer;"><<选中删除到左边span<🎜;&g >    
  25. <span id="addAll1"  gaya="display:block; width:170px; cursor:pointer;"><<全部选中删除到左边spanspang 🎜>    
  26. div>    
  27. div>  
Kod JavaScript复制内容到剪贴板
  1. "teks/javascript"
  2. //Aplikasi pilihan berbilang dalam kotak lungsur 9:57
  3. $(fungsi(){ 
  4. //Mula tambah kiri ke kanan
  5. $("#add").klik(fungsi(){ //Tambahkan yang dipilih di sebelah kanan
  6. $option = $("#select1 option:selected");
  7. $option.appendTo("#select2");
  8. })
  9. $("#addAll").klik(fungsi(){ //Tambah semua di sebelah kanan
  10. $option = $("#pilih1 pilihan");
  11. $option.appendTo(
  12. "#select2");
  13. })
  14. $(
  15. "#select1").dbclick(fungsi(){ //Klik dua kali untuk menambah ke kanan
  16. $option = $(
  17. "#select1 option:selected",ini); 🎜> $option.appendTo(
  18. "#select2"
  19. ); })
  20. //Mula di sebelah kanan dan tambah ke kiri
  21. $(
  22. "#add1"
  23. ).klik(fungsi(){ //Tambah item yang dipilih di sebelah kiri $option = $(
  24. "#pilih2 pilihan:dipilih"
  25. ); $option.appendTo("#select1"
  26. );
  27. })
  28. $(
  29. "#addAll1"
  30. ).klik(
  31. fungsi(){ //Tambah semua ke kiri $option = $("#pilih2 pilihan"
  32. );
  33. $option.appendTo("#select1");
  34. }) $(
  35. "#select2"
  36. ).dbclick(
  37. fungsi
  38. (){ //Klik dua kali untuk menambah ke kiri $option = $("pilihan:dipilih",
  39. ini
  40. ); $option.appendTo("#select1");
  41. })
  42. })
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan