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

你可以使用dropdown的更改事件。只需添加一个函数并在控件的onchange事件上调用它

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

选择下拉菜单中的选项后的事件

2 个答案: