语义UI下拉列表:更改隐藏字段的值? [英] Semantic UI Dropdown: Change the hidden field values?
本文介绍了语义UI下拉列表:更改隐藏字段的值?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用语义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")
;
这篇关于语义UI下拉列表:更改隐藏字段的值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文