0

ドロップダウン メニュー オプションのデータ属性にいくつかのデータがあり、ユーザーがオプションの 1 つを選択するたびに、それらにアクセスする必要があります。これが私のhtmlです

題名 
    <div class="input select optional poster_kind"><label class="select optional" for="poster_kind_id">Kind</label><select class="select optional" id="poster_kind_id" name="poster[kind_id]"><option role="kind" type="Category" value="1">Praca</option>
    <option role="kind" type="Subcategory" value="1">alfons</option>
    <option role="kind" type="Subcategory" value="2">dziwka</option>
    <option role="kind" type="Category" value="2">Handel</option>
    <option role="kind" type="Subcategory" value="3">koks</option>
    <option role="kind" type="Subcategory" value="4">meta</option></select></div>

私はこのアプローチを試しました

$('[data-role="kind"]').click ->
        kindType = $(this).data("type")
        $("[data-role='kind']").val(kindType)

しかし、それは機能していません。リストをクリックしても何も起こりません

4

2 に答える 2

0

ドロップダウンの変更イベントを使用できます。関数を追加して、コントロールの onchange イベントで呼び出すだけです。

function SelectDropdown(){  
    var idx = $("#poster_kind_id option:selected").text();      
     alert(idx);
}
于 2013-10-30T09:09:36.167 に答える