Dropdown Semantic-UI:更改隐藏的字段值? [英] Dropdown Semantic-UI: Change the hidden filed values?

问题描述

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

I am working with semantic-ui dropdown. I am wondering on how to change the values in hidden field based on user selection from the dropdown list ? 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>

推荐答案

我检查了SemanticUI库的源代码，发现使用jQuery将模块函数存储在data()中.

I checked out the source code of SemanticUI library and I found that the module functions are stored in data() using jQuery.

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

So, to access dropdown methods for your element you will do:

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

更改值实际上是

Change value is actually action.activate(text, value) function.

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

For example, to set Alpha-Female value you will do:

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

JSFIDDLE

这篇关于Dropdown Semantic-UI:更改隐藏的字段值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！