Select はダブルクリック dbclick イベントをサポートしていません

Select はダブルクリック dbclick イベントをサポートしていません
XML/HTML コードコンテンツをクリップボードにコピー
  1. < div  クラス= "centent"  スタイル= "幅:200px; フロート:左; マージン右:20px;" >     
  2. <選択  multiple = 「複数」   id = "選択1"  スタイル= "幅:150px; 高さ:160px;" >     
  3. <オプション = "1" >オプション 1 </オプション>     
  4. <オプション  value = "2" >オプション 2 </オプション>     
  5. <オプション  value = "3" >オプション 3 </ option >     
  6. <オプション = "4" >オプション 4 </オプション>     
  7. <オプション = "5" >オプション 5 </オプション>     
  8. </選択>     
  9.   
  10. <div>     
  11. <スパン  id = "追加"   style = "display:block; width:140px; cursor:pointer;" >選択して右側に追加> > </ span >     
  12. <スパン  id = "すべて追加"   style = "display:block; width:140px; cursor:pointer;" >すべてを右側に追加> > </ span >     
  13. </div> </div>     
  14. < div  クラス= "centent"  スタイル= "幅:200px; フロート:左; マージン右:20px;" >     
  15. <選択  multiple = 「複数」   id = "select2"  スタイル= "幅:150px; 高さ:160px;" >     
  16. </選択>     
  17. <div>     
  18. <スパン  id = "追加1"   style = "display:block; width:140px; cursor:pointer;" > < <左を選択して削除</ span >     
  19. <スパン  id = "addAll1"   style = "display:block; width:170px; cursor:pointer;" > < <すべて選択して左側を削除します</ span >     
  20. </div>     
  21. </div>   
JavaScriptコードコンテンツをクリップボードにコピー
  1. <スクリプトタイプ= "text/javascript" >
  2.   
  3. //ドロップダウンボックスでの複数選択の適用 9:57   
  4. $(関数() {
  5. //左から右への追加を開始する  
  6. $( "#add" ).click( function (){ //選択した項目を右側に追加します  
  7. $option = $( "#select1 オプション:選択済み" );
  8. $option.appendTo( "#select2" );
  9. })
  10. $( "#addAll" ).click( function (){ //すべてを右側に追加  
  11. $option = $( "#select1 オプション" );
  12. $option.appendTo( "#select2" );
  13. })
  14. $( "#select1" ).dbclick( function (){ //ダブルクリックして右側に追加します  
  15. $option = $( "#select1 オプション:選択済み" this );
  16. $option.appendTo( "#select2" );
  17. })
  18. //右側を左側に追加し始める  
  19. $( "#add1" ).click( function (){ //選択した項目を左に追加する  
  20. $option = $( "#select2 オプション:選択済み" );
  21. $option.appendTo( "#select1" );
  22. })
  23. $( "#addAll1" ).click( function (){ //すべてを左に追加  
  24. $option = $( "#select2 オプション" );
  25. $option.appendTo( "#select1" );
  26. })
  27. $( "#select2" ).dbclick( function (){ //ダブルクリックして左に追加  
  28. $option = $( "option:selected" , this );
  29. $option.appendTo( "#select1" );
  30. })
  31. })
  32. </スクリプト>

<<:  JavaScript関数の使い方の詳細な説明

>>:  MySQL 分離レベルの詳細な説明と例

推薦する

MySQLの自動増分主キーIDはこのように処理されません

MySQLの自動増分主キーIDは段階的に増加しません1. はじめにMySQL データベースにデータを...

フロントエンド開発に必須:推奨されるブラウザ互換性テストツール 12 選

フロントエンド開発者にとって、さまざまな主要ブラウザのさまざまなバージョンでコードが適切に動作するこ...

Vue が天気予報機能を実装

この記事では、天気予報機能を実現するためのVueの具体的なコードを参考までに共有します。具体的な内容...

Vue+Spring Bootで検証コード機能を実現

この記事では、検証コード機能を実装するためのvue+spring bootの具体的なコードを例として...

Taobao ストアでズームインする効果は、スライドショーを使用する原理に似ています。

今日は、スライドを使用する原理に似た、Taobao のフロントエンドのマウス ズーム効果に慣れました...

大量のデータをMySQLにインポートする際に発生する問題と解決策の分析

プロジェクトでは、SQL を使用してデータ分析を実行するために、大量のデータをデータベースにインポー...

MySQL 8.0 に移行する際の注意点 (要約)

パスワードモードPDO::__construct(): サーバーがクライアントに不明な認証方法を要求...

XHTML の一般的なタグ

XHTML タグとは何ですか? XHTML タグ要素は、XHTML ドキュメントの基本的なコンポーネ...

Windows 10 での Tomcat のインストールと展開に関する詳細なチュートリアル

目次1 Java環境の設定2 tomcatのインストールと展開Tomcat をインストールして展開す...

MySQL はパスワード強度の検証をオフにします

パスワード強度検証について: [root@mysql mysql]# mysql -uroot -p...

MySQL の制限ページング最適化ソリューションの実装に関する簡単な説明

MySQL のページングステートメントの使用制限Oracle や MS SqlServer と比較す...

MySQL クエリの重複データ (重複データを削除し、ID が最も小さいデータのみを保持します)

開発の背景:最近、私はバッチ データを MySQL データベースにインポートする機能に取り組んでいま...

検索テキストボックスがフォーカスを外れたときにテキストの位置がジャンプする問題の解決方法

検索テキストボックスにテキストを設定すると、フォーカスを外すと位置がジャンプしますコードをコピーコー...

Debian 9 システムに MySQL データベースをインストールする方法

序文タイトルを見ると、誰もが「Debian 9 に MySQL をインストールするにはどうすればいい...

Linux bash: ./xxx: バイナリ ファイルを実行できません エラー

今日、Ubuntu 用の小さなツールを顧客に送りましたが、ユーザーはそれを受け取った後、実行できませ...