選擇下拉菜單後的事件

Question

我有一些數據屬性的下拉菜單選項，我需要訪問它們，每次用戶選擇其中一個選項。這裏是我的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) 

，但它不工作，當我的列表

Answer 1

點擊獲取所選文本嘗試以下沒有任何反應：

$(document).ready(function(){ 
     $('#poster_kind_id').change(function() { 
     var idx = $("#poster_kind_id option:selected").text(); 
    var type= $("#poster_kind_id option:selected").attr("type"); // to get the type  
     alert(idx); 
    }); 

    }); 

Answer 2

你可以用c更改下拉的事件。只需添加一個函數，並在控件的onchange事件上調用它

function SelectDropdown(){ 
    var idx = $("#poster_kind_id option:selected").text();  
    alert(idx); 
}