select はダブルクリック dbclick イベント_HTML/Xhtml_Web ページの生成をサポートしていません

XML/HTML コードコンテンツをクリップボードにコピー

1. div class="centent" スタイル="width:200px; float:left; margin-right:20px;">
2. 選択 複数=「複数」 id="select1" style="幅:150px; 高さ:160px;">
3. オプション 値="1" >选项1オプション>
4. オプション 値="2" >选项2オプション>
5. オプション 値="3" >选项3オプション>
6. オプション 値="4" >选项4オプション>
7. オプション 値="5" >选项5オプション>
8. select>
10. div>
11. スパン id="追加" style="display:block; width:140px;cursor:pointer;">右边に选中追加>>スパン>
12. スパン id="addAll" style="display:block; width:140px;cursor:pointer;">全部右边に追加>>スパン>
13. div>div>
14. div class="centent" style="width:200px; float:left; margin-right:20px;">>
15. 選択 複数=「複数」 id="select2" style="幅:150px; 高さ:160px;">
16. select>
17. div>
18. スパン id="add1" style="display:block; width:140px;cursor:pointer;">选中删除到左边スパン>
19. スパン id="addAll1" style="display:block; width:170px;cursor:pointer;">全部选中删除到左边スパン>
20. div>
21. div>

JavaScript コード复制コンテンツ到剪贴板

1. >
3. //ドロップダウンボックスでの複数選択の適用 9:57
4. $(関数(){
5. //左から右への追加を開始します
6. $("#add").click(function(){ //選択したものを右側に追加
7. $option = $("#select1 オプション:選択済み");
$option.appendTo(
8. "#select2"); })
9. $(
"#addAll"
10. ).click(function(){ //すべてを右側に追加 $option = $(
"#select1 オプション"
11. ); $option.appendTo("#select2"
);
12. }) $(
"#select1"
13. ).dbclick(
function
14. (){ // ダブルクリックして右側に追加します $option = $("#select1 オプション:選択済み",
これ
15. ); 🎜> $option.appendTo("#select2"); })
16. //右側から開始して左側に追加
17. $(
"#add1"
18. ).click(function(){
//選択した項目を左側に追加します
19. $option = $("#select2 オプション:選択済み"); $option.appendTo("#select1"
);
20. }) $(
"#addAll1"
21. ).click(function(){
//左にすべて追加
23. $option = $("#select2 オプション"); $option.appendTo("#select1"); })
24. $("#select2").dbclick(
function
25. (){ // ダブルクリックして左側に追加します
26. $option = $(
"オプション:選択済み"
27. ,これ); $option.appendTo("#select1"); })
28. })