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

Beispiel für einen Fork- und Mutex-Lock-Prozess im Linux-Multithreading

Inhaltsverzeichnis Frage: 1. Erster Versuch 2. Ra...

JavaScript klickt auf die Schaltfläche, um einen 4-stelligen zufälligen Bestätigungscode zu generieren

In diesem Artikelbeispiel wird der spezifische Co...

Zwei Möglichkeiten zum Beenden von Bash im Docker-Container unter Linux

Wenn Sie Bash beenden möchten, haben Sie zwei Mög...

Das KTL-Tool realisiert die Methode zum Synchronisieren von Daten von MySQL zu MySQL

Verwenden Sie das KTL-Tool, um Daten von MySQL zu...

VMware ESXi 5.5 Bereitstellungs- und Konfigurationsdiagrammprozess

Inhaltsverzeichnis 1. Installationsvoraussetzunge...

9 superpraktische CSS-Tipps, die Designern und Entwicklern helfen

Im Kopf eines Webdesigners muss viel Wissen im Zus...

Tutorial zur Bedienung und Wartung von Linux, grundlegende Swap-Partition und LVM-Verwaltung

Inhaltsverzeichnis 1. Swap-Partition SWAP 1.1 Aus...

MySQL wählt die richtige Speicher-Engine

Wenn es um Datenbanken geht, ist eine der am häuf...

Vue verwendet Canvas, um den Bildkomprimierungs-Upload zu realisieren

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

9 Tipps für das Webseiten-Layout

<br />Verwandte Artikel: 9 praktische Vorsch...

Detailliertes Tutorial zur Installation von CentOS, JDK und Hadoop auf VirtualBox

Inhaltsverzeichnis 1. Voraussetzungen 1.1 Unterst...

Detaillierte Erklärung von Objektliteralen in JS

Inhaltsverzeichnis Vorwort 1. Setzen Sie den Prot...

Beim Aktualisieren der automatisch inkrementierten Primärschlüssel-ID in MySQL sind Probleme aufgetreten

Inhaltsverzeichnis Warum die Auto-Inkrement-ID ak...

CSS3-Übergangsrotationsperspektive, 2D3D-Animation und andere Effektbeispielcodes

Inhaltsverzeichnis CSS3-Boxmodell a. CSS3-Filter ...

Eine kurze Erläuterung, wann MySQL interne temporäre Tabellen verwendet

Gewerkschaftsexekution Verwenden Sie zur Vereinfa...