jquery - ejemplos - Controlador de cambio desplegable de interfaz de usuario semántica

jquery tags input autocomplete

Question

Tengo el siguiente menú desplegable utilizando la interfaz de usuario semántica:

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

Y en el lado jQuery lo inicio:

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

¿Cómo puedo agregar el controlador de change ?

Lo único relacionado con esto que encontré en la documentation es:

onChange (valor, texto)

Contexto: desplegable

Se llama después de seleccionar un elemento desplegable. Recibe el nombre y valor de la selección.

Esto suena un poco confuso para mí. ¿Como puedo usar lo?

JSFIDDLE

Answer 1

En realidad, hay tres formas de vincular el evento:

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

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

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

Answer 2

Parece que la configuración onChange se puede agregar al crear el menú desplegable:

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

JSFIDDLE

Answer 3

    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