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

Detaillierte Erläuterung der Vue-Formularbindung und -Komponenten

Inhaltsverzeichnis 1. Was ist bidirektionale Date...

JavaScript zum Wechseln zwischen mehreren Bildern

In diesem Artikel wird der spezifische JavaScript...

JS realisiert den automatischen Wiedergabeeffekt von Bildern

In diesem Artikel wird der spezifische Code von J...

Lösung, wenn Docker plötzlich vom externen Netzwerk nicht mehr erreichbar ist

Nach den Methoden der Meister wurde die Ursache g...

Eine kurze Diskussion über die Anwendung von HTML-Webseiten-Tabellenstruktur-Markup

Bevor wir über die strukturelle Auszeichnung von ...

Kontinuierliche Bereitstellung mit Jenkins und Docker unter Docker

1. Was ist Continuous Delivery Der Ausgabeprozess...

Detaillierte Erklärung der Verwendung der Compose-Funktion und der Pipe-Funktion in JS

Inhaltsverzeichnis Funktion „Verfassen“ Array.Pro...

Eine detaillierte Einführung in Linux-Dateiberechtigungen

Die Stärke von Linux liegt in seinem Mehrbenutzer...

So konfigurieren Sie pseudostatisches und clientadaptives Nginx

Das Backend verwendet das Framework thinkphp3.2.3...

Lösen Sie das Problem des MySQL-Datenverlusts, wenn Docker Redis neu startet

Amtliche Dokumentation: Daher sollte MySQL wie fo...

Detaillierte Erläuterung der Tomcat-Kernkomponenten und der Anwendungsarchitektur

Inhaltsverzeichnis Was ist ein Webcontainer? Die ...

Detaillierte Erläuterung zum Einrichten einer statischen IP-Netzwerkkarte für die virtuelle CentOS 8-VMware-Maschine für den Zugriff auf das Internet

Erster Schritt: Klicken Sie in VMware auf "B...

nginx Konfigurationsort Zusammenfassungsort Regelmäßiges Schreiben und Umschreiben von Regeln

1. Regulärer Ausdruck für den Standort Schauen wi...

CSS zum Erzielen eines dynamischen Schaltflächeneffekts mit Partikeln

Ursprünglicher Link https://github.com/XboxYan/no...

Dieser Artikel hilft Ihnen beim Einstieg und beim Verständnis der grundlegenden Vorgänge von JQuery

Inhaltsverzeichnis 1. Schritte zur Verwendung von...