jquery - 触发语义 UI 下拉列表的 onChange

Question

简单地说，我希望能够在语义 ui 的下拉列表中触发 onChange 函数。

$(".ui.dropdown").dropdown({onChange:function(value,text){console.log("a");}});

在这里查看 fiddle : http://jsfiddle.net/0mLLscoq/

我想触发 onchange，而不单击下拉菜单并将其关闭。只需以编程方式强制触发即可。

Answer 1

我找不到任何使用 API 执行此操作的方法，但一种可能的方法是为每个项目分配一个数据值，然后手动触发该项目的点击:

//HTML
<div class="ui dropdown">
    <div class="text">Select</div>
    <i class="dropdown icon"></i>
    <div class="menu">
        <div class="item" data-value="Edit">Edit</div>
        <div class="item" data-value="Remove">Remove</div>
        <div class="item" data-value="Hide">Hide</div>
    </div>
</div>

//JS
$(".ui.dropdown").dropdown({onChange:function(value,text){console.log("a");}})
                 .find("[data-value='Hide']").trigger("click");

<强> Example Fiddle

<小时/>

更新(2016 年 3 月 11 日):

正如 @Süha 在评论中提到的，有一个 dropdown behavior允许您更改值:

// Will change value and update UI
$('.dropdown').dropdown('set selected', 'Hide');

// Will only change value
$('.dropdown').dropdown('set value', 'Hide');

但是这些都不会触发 onchange 事件。

<强> Example Fiddle