___ qstnhdr ___ Probleme Einstellung Wert / Label mit DropKick Javascript
___ qstntxt ___
Ich habe ein nettes, elegantes Plugin namens DropKick für meine Webanwendung Ссылка verwendet, und ich habe anscheinend eine kleines Problem damit und bin mir nicht sicher, wie ich es versuchen soll. Ich versuche, den Wert des Auswahl-Dropdown-Menüs programmgesteuert zu ändern. Im Folgenden finden Sie eine Beschreibung meines Problems und einen Link zu JSFiddle.
HTML:
%Vor%
jQuery:
%Vor%
Wenn ich den Wert in alert zeige, wird er als eins angezeigt. Wenn ich jedoch die Beschriftungen auf der Option anschaue, bleibt sie auf dem Standardwert oder was auch immer sie vor der Änderung war.
Wenn mein Standardwert beispielsweise "Wählen" ist und ich auf "etwas" klicke, wird in der Warnung "1" angezeigt, also ändert sich die Einstellung, aber im Dropdown-Menü "Auswahl" wird weiterhin "Wählen" angezeigt. Irgendwelche Vorschläge. Ich vermisse vielleicht nur etwas Kleines, nicht sicher.
FSFiddle: Ссылка
___ answer12086602 ___
Sie können den Dropkick-Wert programmgesteuert über den jQuery-Trigger eines Klickereignisses für die ausgewählte Dropkick-Option festlegen.
%Vor%
Hier ist %code% die Auswahl-ID oder der Name und %code% ist der ausgewählte Wert.
Das Click-Ereignis von Dropkick sorgt automatisch dafür, dass die Optionsklassen die Änderungen widerspiegeln.
___ antwort10532550 ___
Ich bin ein bisschen spät dran, aber ich bin kürzlich auf das gleiche Problem gestoßen - habe eine Dropkick-DDL aktualisiert, nachdem sie erstellt wurde. Ich habe Tats_innits Code genommen und leicht modifiziert, indem ich eine Funktion geschaffen habe, die es erlaubt, einfach die ID des select-Elements und den Wert, an dem Sie es ändern wollen, zu übergeben.
%Vor%
Sie sollten nun in der Lage sein, updateDropkickDDL einfach per Klick auf eine Schaltfläche o.ä. aufzurufen, um beispielsweise den Wert des Dropdown-Feldes in Ihrer Frage auf 1 zu setzen, den Sie verwenden würden:
%Vor%
Diese Funktion ermöglicht auch die Verwendung mehrerer Dropkick-Dropdown-Listen auf der Seite, wobei nur das angegebene Dropdown-Menü aktualisiert wird.
Ich hoffe, dass dies einem anderen hilft, auf dieses Problem zu stoßen.
___ answer9867091 ___
funktionierende Demo : Mit Commnet Ссылка & amp; & amp; ohne Kommentare benötigt nur 7 Zeilen: Ссылка
-phew
Also, um zu beginnen, habe ich versucht Event [of dropkick] mit in drop kick zu ändern, aber es ist nur für das change-Ereignis innerhalb von select und nicht von external element binding. ie in deinem Fall change button.
Also; das habe ich getan:
Erklärung (falls Sie interessiert sind)
Ich habe Firebug benutzt, um die Variable zu inspizieren, und habe festgestellt, dass Dropkick-Marshal Ihre vorhandene Auswahl mit hübschem Styling jetzt einsetzt, wenn Sie %code% %code% verwendet haben, was durch Dropkick noch nicht geändert wurde.
Für den gewählten Bereich hat er eine Klasse %code% und für die aktuelle (grüne Farbe) wird von %code% class angegeben.
Bitte beachten Ich habe das Plugin ziemlich genau gelesen und herausgefunden, was von hier abgeht: Ссылка
Wenn Sie Firebug verwenden und sehen möchten, wie Elemente verwendet werden, verwenden Sie diesen Link: Ссылка und spielen Sie mit Ihrem Im Inspektionsmodus siehst du Dropkick Styling und wie es funktioniert.
JQuery-Code
%Vor%
Hoffe, das hilft dir, sich zu paaren, Prost!
HTML
%Vor%
___ answer11346732 ___
Ich weiß, dass diese Frage einige Monate alt ist, aber für jeden, der später nachschaut, wollte ich diesen Link zu einer Pull-Anfrage im DropKick-Repository hinzufügen, die eine "Reverse Sync" -Option hinzufügt, die das benutzerdefinierte Dropdown-Menü aktualisiert Das zugrunde liegende Auswahlobjekt ändert sich. Dadurch können Sie das select-Objekt in Ihrem Code und die DropKick-benutzerdefinierten Dropdown-Aktualisierungen für das Ereignis "change" aktualisieren.
Ссылка
___ tag123html ___ HTML (Hyper Text Markup Language) ist die Standard-Auszeichnungssprache, die zum Strukturieren von Webseiten und zum Formatieren von Inhalt verwendet wird. HTML beschreibt die Struktur einer Website semantisch zusammen mit Hinweisen für die Präsentation, wodurch sie eine Markup-Sprache statt einer Programmiersprache wird. Die neueste Revision der HTML-Spezifikation ist HTML5.2.
___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script).
___ tag123jqueryplugins ___ Benutzerdefinierte Add-Ons und Plugins für die jQuery-Bibliothek. jQuery-Funktionen und -Features, die nicht in der Standard-jQuery-Bibliothek enthalten sind.
___ answer12704846 ___
beste Möglichkeit, den Wert zu ändern
Fügen Sie einfach jquery.dropkick-X.X.X.js hinzu
nach
%Vor%
dieser Code
%Vor%
usage: $ ("..."). dropkick ('select', select_value);
Profis
- nativer Änderungszustand des Dropkick-Objekts
- Ausgewählte Option im Original ändern auswählen
- Ereignis auslösen, nützlich, wenn Sie den Status "ändern" hören
Nachteile
- muss ursprüngliche Bibliothek ändern
- langer Code :)
___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jquery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein.
___