Question

我正在使用semantic-ui下拉列表。我想知道如何根据下拉列表中的用户选择更改隐藏字段中的值？ Related Question may be!

<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库的源代码，发现模块函数使用jQuery存储在data()中。

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

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

更改值实际为action.activate(text, value) function。

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

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

JSFIDDLE

Dropdown Semantic-UI：更改隐藏的字段值？

1 个答案: