1

セマンティック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>
4

1 に答える 1

4

SemanticUI ライブラリのソース コードを調べたところ、モジュール関数はdata()jQuery を使用して格納されていることがわかりました。

したがって、要素のドロップダウン メソッドにアクセスするには、次のようにします。

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

Change value は実際にはaction.activate(text, value)functionです。

たとえば、Alpha-Female値を設定するには、次のようにします。

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

JSFIDDLE

于 2014-06-01T13:39:46.193 に答える