Select unterstützt kein Doppelklick-DBClick-Ereignis

Select unterstützt kein Doppelklick-DBClick-Ereignis
XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < div   Klasse = "centent"   Stil = "Breite: 200px; Float: links; Rand rechts: 20px;" >     
  2. < auswählen   multiple = "multiple"   id = "Auswahl1"   Stil = "Breite: 150px; Höhe: 160px;" >     
  3. < Option   Wert = "1" > Option 1 </ option >     
  4. < Option   Wert = "2" > Option 2 </ option >     
  5. < Option   Wert = "3" > Option 3 </ option >     
  6. < Option   Wert = "4" > Option 4 </ option >     
  7. < Option   Wert = "5" > Option 5 </ option >     
  8. </ auswählen >     
  9.   
  10. <div>​​     
  11. < Spanne   id = "hinzufügen"   style = "display:block; width:140px; cursor:pointer;" > Auswählen und rechts hinzufügen > > </ span >     
  12. < Spanne   id = "Alle hinzufügen"   style = "display:block; width:140px; cursor:pointer;" > Alles nach rechts hinzufügen > > </ span >     
  13. </div> </div>​​​​     
  14. < div   Klasse = "centent"   Stil = "Breite: 200px; Float: links; Rand rechts: 20px;" >     
  15. < auswählen   multiple = "multiple"   Ich würde sagen "select2"   Stil = "Breite: 150px; Höhe: 160px;" >     
  16. </ auswählen >     
  17. <div>​​     
  18. < Spanne   Ich würde sagen, "add1"   style = "display:block; width:140px; cursor:pointer;" > < < Links auswählen und löschen </ span >     
  19. < Spanne   id = "Allesadd1"   style = "display:block; width:170px; cursor:pointer;" > < < Alles auswählen und links löschen </ span >     
  20. </div>​​     
  21. </div>​​   
JavaScript CodeInhalt in die Zwischenablage kopieren
  1. <Skripttyp = "Text/Javascript" >
  2.   
  3. //Anwendung der Mehrfachauswahl in der Dropdown-Box 9:57   
  4. $( Funktion () {
  5. // Beginnen Sie mit dem Hinzufügen von links nach rechts   
  6. $( "#add" ).click( function (){ //Füge das ausgewählte Element rechts hinzu   
  7. $option = $( "#select1 option:ausgewählt" );
  8. $option.appendTo( "#select2" );
  9. })
  10. $( "#addAll" ).click( function (){ //Alles rechts hinzufügen   
  11. $option = $( "#select1 Option" );
  12. $option.appendTo( "#select2" );
  13. })
  14. $( "#select1" ).dbclick( function (){ //Doppelklick, um nach rechts hinzuzufügen   
  15. $option = $( "#select1 option:ausgewählt" , dies );
  16. $option.appendTo( "#select2" );
  17. })
  18. // Beginnen Sie, die rechte Seite zur linken Seite hinzuzufügen   
  19. $( "#add1" ).click( function (){ //Füge das ausgewählte Element links hinzu   
  20. $option = $( "#select2 option:ausgewählt" );
  21. $option.appendTo( "#select1" );
  22. })
  23. $( "#addAll1" ).click( function (){ //Alle links hinzufügen   
  24. $option = $( "#select2 Option" );
  25. $option.appendTo( "#select1" );
  26. })
  27. $( "#select2" ).dbclick( function (){ //Doppelklick, um nach links hinzuzufügen   
  28. $option = $( "option:ausgewählt" , diese );
  29. $option.appendTo( "#select1" );
  30. })
  31. })
  32. </Skript>

<<:  Detaillierte Erklärung zur Verwendung von JavaScript-Funktionen

>>:  Detaillierte Erklärung und Beispiele der MySQL-Isolationsebene

Artikel empfehlen

Vue+js: Klicken Sie auf den Pfeil, um die Bilder zu wechseln

In diesem Artikelbeispiel wird der spezifische Co...

Was ist ein MySQL-Index? Fragen Sie, wenn Sie es nicht verstehen

Inhaltsverzeichnis Überblick Vom Binärbaum zum B+...

Implementierung des Element-UI-Layouts (Zeilen- und Spaltenkomponenten)

Inhaltsverzeichnis Grundlegende Anweisungen und V...

Implementierungsmethode für die Produktion und Bereitstellung von Docker Nginx-Containern

Schnellstart 1. Suchen Sie das Nginx-Image auf Do...

Führen Sie die Schritte zur Installation der Boost-Bibliothek unter Linux aus

Vorwort Die Boost-Bibliothek ist eine portable, m...

Zusammenfassung der Dinge, auf die Sie in der Fußzeile einer Webseite achten sollten

Viele Links Sie haben zweifellos viele Sites wie d...

Three.js-Beispielcode zur Implementierung des Tautropfen-Animationseffekts

Vorwort Hallo zusammen, hier ist der CSS-Assisten...

jQuery implementiert gleitende Registerkarte

In diesem Artikelbeispiel wird der spezifische Co...

Beispiel für die Implementierung eines Master-Slave-Hot-Standby mit Docker+keepalived+nginx

Vorwort Um den Single Point of Failure zu beheben...

Lösung für das Problem „Linux QT Kit fehlt“ und „Version leer“

Derzeit tritt ein solches Problem auf Bei mir war...

So überwachen Sie globale Variablen im WeChat-Applet

Ich bin kürzlich bei der Arbeit auf ein Problem g...

Einführung und detaillierte Verwendung von React Fragment

Inhaltsverzeichnis Vorwort Motivation für Fragmen...

Konfigurieren Sie die Java-Entwicklungsumgebung in Ubuntu 20.04 LTS

Laden Sie das Java Development Kit jdk herunter D...

Detaillierte Erklärung der integrierten Methoden des Javascript-Arrays

Inhaltsverzeichnis 1. Array.at() 2. Array.copyWit...

Analyse der Verwendung des Linux-Schwachstellen-Scan-Tools lynis

Vorwort: Lynis ist ein Sicherheitsprüfungs- und H...