Handler für semantische UI-Dropdown-Änderungen

Lesezeit: 2 Minuten

Ionica Bizau

Ich habe die folgende Dropdown-Liste mit Semantic UI:

<div class="ui selection dropdown select-language">
    <input name="language" type="hidden" value="fr-FR">
    <div class="text">French</div>
    <i class="dropdown icon"></i>
    <div class="menu ui transition hidden">
        <div class="item" data-value="en-US">English</div>
        <div class="item active" data-value="fr-FR">French</div>
    </div>
</div>

Und auf der jQuery-Seite initiere ich es:

$(".select-language").dropdown()

Wie kann ich die hinzufügen change Handler?

Das einzige was ich dazu gefunden habe in der Dokumentation ist:

onChange(Wert, Text)

Kontext: Dropdown

Wird aufgerufen, nachdem ein Dropdown-Element ausgewählt wurde. erhält den Namen und Wert der Auswahl.

Das klingt für mich etwas verwirrend. Wie kann ich es verwenden?

JSFIDDLE

Jan

Tatsächlich gibt es drei Möglichkeiten, das Ereignis zu binden:

// globally inherited on init
$.fn.dropdown.onChange = function(){...};

// during init
$('.myDropdown').dropdown({
 onChange: function() {...}
});

// after init
$('.myDropdown').dropdown('setting', 'onChange', function(){...});

Stimmen Sie für die Änderung der Einstellungen nach der Init ab. Kann in vielen Situationen nützlich sein

– Halle

22. April 2016 um 23:47 Uhr
laut Dokumentation, was ist choice in onChange: function (val, text, choice) und wie sollte man es verwenden?

– Pmpr.ir

9. Januar 2017 um 8:12 Uhr

Es scheint, dass onChange Die Einstellung kann beim Erstellen des Dropdown-Menüs hinzugefügt werden:

$(".select-language").dropdown({
    onChange: function (val) {
        alert(val);
    }
});

JSFIDDLE

Übrigens, wie können wir seinen Wert = “fr-FR” in “anything_else” ändern?

– RajG

28. März 2014 um 12:33 Uhr
@TheMouseMan Stellen Sie dazu eine Frage. Wenn Sie es hier verlinken, werde ich versuchen, Ihnen eine gute Antwort zu geben.

– Ionică Bizău

28. März 2014 um 13:09 Uhr
Hier. Vielen Dank.

– RajG

28. März 2014 um 14:10 Uhr
@TheMouseMan Ich habe für deine Frage gestimmt. Ich habe ein wenig recherchiert, aber noch nichts brauchbares gefunden. Wenn ich eine gute Antwort finde, werde ich sie posten. Vielleicht sind andere schneller als ich. 🙂

– Ionică Bizău

28. März 2014 um 16:03 Uhr
Für mich speichert tt den Wert in db, aber es speichert mit “\r\n Value \r\n “. Versucht zu trimmen, mag es nicht atm. danke für die Stimmen.

– RajG

28. März 2014 um 16:06 Uhr

Hadie Danker

    jQuery('.ui.ekstensi.fluid.dropdown').dropdown('setting','onAdd',function (val,text,choice) {

    alert(choice);
    }).dropdown('setting','onRemove',function (removedValue, removedText, removedChoice) {
    //your action here
    alert(removedValue);

    });

JSFIDDLE

Obwohl der Code für sich selbst sprechen mag, würden einige Details dazu beitragen, die Qualität Ihrer Antwort zu verbessern!

– mrun

8. Mai 2018 um 7:25 Uhr

10451900cookie-checkHandler für semantische UI-Dropdown-Änderungen

#Abfrage #html #semantisch-ui