jquery - 语义 UI 下拉菜单：更改隐藏字段值？

Question

我正在使用语义 UI 下拉菜单。我想知道如何根据下拉列表中的用户选择更改隐藏字段中的值？相关问题可能是！.

<div class="ui selection dropdown select-language">
    <input name="language" type="hidden" value="Alpha-Male">
    <div class="text">Gender</div>
    <i class="dropdown icon"></i>
    <div class="menu ui transition hidden">
        <div class="item" data-value="Alpha-Male">Male</div>
        <div class="item active" data-value="Alpha-Female">Female</div>
    </div>
</div>

Answer 1

我查看了 SemanticUI 库的源代码，发现模块函数是data()使用 jQuery 存储的。

因此，要访问您的元素的下拉方法，您将执行以下操作：

 $(".ui.selection").data().moduleDropdown

改变值实际上是action.activate(text, value)函数。

例如，要设置Alpha-Female值，您将执行以下操作：

 $(".ui.selection")
   .data()
   .moduleDropdown
   .action
   .activate(undefined, "Alpha-Female")
 ;

JSFIDDLE