语义UI下拉列表更改处理程序

Question

我使用语义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>

在jQuery方面我初始化它:

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

我该如何添加change处理程序？

我在文档中找到的与此相关的唯一内容 是:

onChange(值,文本)

上下文:下拉列表

在选择下拉项后调用.收到选择的名称和价值.

这对我来说听起来有点混乱.我怎么用呢？

的jsfiddle

Answer 1

实际上,绑定事件有三种方法:

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

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

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

Answer 2

onChange创建下拉列表时似乎可以添加设置:

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

的jsfiddle