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 分離レベルの詳細な説明と例

推薦する

offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft などのプロパティの図。

注 1: 上の画像の背景全体がこの Web ページのフルサイズであり、中央の小さなボックスがブラウザ...

Linuxは数字当てゲームのソースコードを実装する

シンプルな Linux 推測ゲームのソースコードゲームのルール:数字当てゲームは通常 2 人でプレイ...

Docker MySQLコンテナデータベースへの変更が有効にならない問題を解決する

公式の MySQL イメージを使用するには、構成ファイル、DB データ ファイル ディレクトリなどの...

JavaScript の遅延読み込み属性パターンに関する簡単な説明

目次1. はじめに2. オンデマンド属性モード3. 乱雑な遅延読み込み属性パターン4. クラスの唯一...

MySQLはconnect_by_isleaf MySQLメソッドまたはストアドプロシージャに似た機能を実装します

最近、特に異常なビジネス需要があり、テーブルがあります テーブル「デモ」を作成します（ `id` i...

IE イメージ ツールバーを無効にする

IE6 で試してみたところ、ツールバーが表示されました。オプションに「イメージ ツールバーを有効にす...

Vue はシェイク機能を実装します (ios13.3 以降と互換性があります)

最近、shake.jsを使用して、shakeに似た機能を作成しました。ただし、shake機能はios...

MySQL インデックスの左端原則のサンプルコード

序文最近、MySQL のインデックスについて読んでいました。結合されたインデックスを見ると、左端の原...

選択/フォーカス時にすべてのオプションをリストする現在のより良い方法

開発中にこのような要件に遭遇したので、将来使用するために記録しました。需要背景キーボード ショートカ...

Win 8 以降での最新の MySQL バージョン 5.7.17 (64 ビット ZIP グリーン バージョン) のインストールと展開のチュートリアル

まず、ブロガーはコミュニティ バージョンをプレイしていますが、学習とテストにはこれで十分です。 Bl...

WeChatアプレット仮想リストの応用例

目次序文仮想リストとは何ですか?デモ効果準備スクリーンの高さとボックスの高さ最適化要約する序文人気の...

MySql インデックスの詳細な紹介と正しい使用方法

MySql インデックスの詳細な紹介と正しい使用方法1. はじめに:インデックスはクエリ速度に重大な...

Linux のパスワードを紛失した場合にリセットする方法

1. スタートアップメニューでは、カーソルを最初の行に移動します - eを押します 2. UTF-8...

Reactのコンポーネント共同利用実装

目次ネスティング親子コンポーネント通信ブラザーコンポーネント通信撤回するReact の Linked...

jQueryはショッピングカート機能を実装します

この記事の例では、ショッピングカート機能を実装するためのjQueryの具体的なコードを参考までに共有...