Снятие семантического пользовательского интерфейса

У меня есть следующий раскрывающийся список с использованием семантического интерфейса:

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

И в стороне jQuery я инициализирую его:

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

Как добавить обработчик change?

Единственное, что связано с этим в документации:

onChange (значение, текст)

Контекст: раскрывающееся меню

Вызывается после выбора выпадающего элемента. получает имя и значение выбора.

Это звучит немного запутанно для меня. Как я могу использовать его?

JSFIDDLE

Ответ 1

На самом деле существует три способа привязки события:

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

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

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

Ответ 2

Кажется, что при создании раскрывающегося списка можно добавить параметр onChange:

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

JSFIDDLE