Gestionnaire de changement de l'interface utilisateur sémantique

J'ai l'déroulant à l'aide de la Sémantique de l'INTERFACE utilisateur:

<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>

Et dans le jQuery côté, je init:

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

Comment puis-je ajouter de la change gestionnaire?

La seule chose liée à ce que j'ai trouvé dans le la documentation est:

onChange(valeur, texte)

Contexte: Déroulante

Est appelée après une liste déroulante élément est sélectionné. reçoit le nom et la valeur de la sélection.

Cela semble un peu confus pour moi. Comment puis-je l'utiliser?

JSFIDDLE

source d'informationauteur Ionică Bizău

  1. 52

    En fait, il y a trois façons de lier l'événement:

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

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

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

    Il semble que onChange paramètre peut être ajouté lors de la création de la liste déroulante:

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

    JSFIDDLE

  3. 0
        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