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

Konfigurationsprozess für selbststartende Dienste für einzelne Instanzen von MySQL5.7

1.MySQL-Version [root@clq-System]# mysql -v Willk...

Einige CSS-Fragen, die Ihnen während eines Vorstellungsgesprächs gestellt werden könnten

Dieser Artikel dient lediglich der Erinnerung an ...

Ladeanimation mit CSS3 implementiert

Ergebnisse erzielen Implementierungscode <h1&g...

Javascript kombiniert mit Vue zur automatischen Pfadfindung für jedes Labyrinthbild

Inhaltsverzeichnis Vorwort Zweidimensionales Arra...

Kompatibilitätsprobleme beim Einfügen von Audiodateien in HTML und beim Abspielen in Browsern

Lassen Sie uns über einige Probleme sprechen, die ...

Keepalived implementiert Nginx-Lastausgleich und Beispielcode für hohe Verfügbarkeit

Kapitel 1: Einführung in Keepalived Der Zweck des...

Detaillierte Erläuterung des Implementierungsprozesses der Dual-Master-Synchronisierung von Teiltabellen in MySQL 5.7

Vorwort Kürzlich stieß ich auf eine Anforderung. ...

JavaScript-Datenvisualisierung: ECharts-Kartenerstellung

Inhaltsverzeichnis Überblick Vorsichtsmaßnahmen 1...

Beispielcode des Vue-Symbolselektors

Quelle: http://www.ruoyi.vip/ Vue von „vue“ impor...

Verwenden von js zum Implementieren der bidirektionalen Bindungsfunktion von Daten in Vue2.0

Object.defineProperty verstehen Grammatik: Object...

So implementieren Sie Web-Stresstests mit Apache Bench

1. Einführung in Apache Bench ApacheBench ist ein...

Vue implementiert den Operationscode zum Klicken auf eine Schaltfläche zum Herunterladen einer Datei (Backend-Java).

Im vorherigen Artikel habe ich die Funktion von V...

Zusammenfassung von 4 Methoden des Div+CSS-Layouts, um eine 2-Enden-Ausrichtung von CSS zu erreichen

Das Div+CSS-Layout zur Erzielung einer 2-Enden-Au...

Detaillierte Erläuterung des Zahlungsfunktionscodes des Vue-Projekts

1. Alipay-Methode: Alipay-Methode: Klicken Sie zu...

Vue implementiert einfache Kommentarfunktion

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