jQuery 语义 UI 下拉更改处理程序

Semantic UI dropdown change handler

提问by Ionic? Biz?u

I have the following dropdown using Semantic UI:

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

And in the jQuery side I init it:

在 jQuery 端我初始化它：

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

How can I add the changehandler?

如何添加change处理程序？

The only thing related to this I found in the documentationis:

我在文档中找到的唯一与此相关的 是：

onChange(value, text)

Context: Dropdown

Is called after a dropdown item is selected. receives the name and value of selection.

onChange（值，文本）

上下文：下拉

在选择下拉项后调用。接收选择的名称和值。

This sounds a little confusing for me. How can I use it?

这对我来说听起来有点混乱。我怎样才能使用它？

JSFIDDLE

JSFIDDLE

回答by Jan

Actually, there are three ways to bind the event:

实际上，绑定事件的方式有以下三种：

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

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

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

回答by Ionic? Biz?u

It seems that onChangesetting can be added when creating the dropdown:

onChange创建下拉菜单时似乎可以添加设置：

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

JSFIDDLE

JSFIDDLE

回答by 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

JSFIDDLE