下拉語義UI：更改隱藏的字段值？

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