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

推薦する

JVMシリーズのメモリモデルの詳細な説明

目次1. メモリモデルとランタイムデータ領域2. マインドマップと凡例3. オブジェクトはJVMから...

Postman に基づく HTTP インターフェース テスト プロセスの分析

偶然、素晴らしい人工知能のチュートリアルを発見したので、みんなと共有せずにはいられませんでした。この...

MySql インデックス使用戦略の分析

MySql インデックスインデックスの利点1. 一意のインデックスまたは主キー インデックスを作成す...

js配列forEachインスタンスの詳細な使用方法

1. forEach() は map() に似ています。これも渡された関数に各要素を順番に適用します...

一般的な Linux ディストリビューションのミラーソース構成の概要

最近 Linux を研究していて、いくつかの Linux ディストリビューションを試してみましたが、...

iframeを指すaタグのターゲットの名前とIDの違い

コードをコピーコードは次のとおりです。 <iframe id="myFrameId&...

Vueはログインタイプの切り替えを実装します

この記事では、ログインタイプの切り替えを実装するためのVueの具体的なコードを例として紹介します。具...

Apache Webサーバーのインストールと設定方法

信頼性が高く、人気があり、簡単に構成できる Web サーバーである Apache で独自の Web ...

React Routerの歴史について簡単に説明します

React Router を理解したいなら、まず歴史を理解する必要があります。より具体的には、Rea...

Docker で MySQL マスターとスレーブをデプロイする方法

画像をダウンロードMySQLイメージの選択 docker 検索 mysql MySQL 5.7 イメ...

基本的なウェブページパフォーマンス最適化ルールの簡単な概要

ブラウザのウェブページを最適化するためのいくつかのルールページの最適化静的リソース圧縮ビルド ツール...

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

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

検索エンジンのウェブサイトの入り口の無料コレクション

1: Baiduウェブサイトログイン入口ウェブサイト: http://www.baidu.com/s...

Jenkins の Docker のデプロイとインストール手順

まず、Docker がインストールされたサーバーが必要です。 (私はすでにこれをサーバーにインストー...

JavaScript配列の一般的なメソッドの詳細な説明

目次元の配列を変更しない方法1. 連結文法：パラメータ:戻り値: 2. 参加する文法：パラメータ:戻...