将var等于从动态创建的选择列表中选择的值

Question

HTML：我只有一个带有类的选择列表，没有选项。

<select class="myClass"></select>

JS：我用$ .each（）填充选择列表以遍历JSON数组

 $.each(value,function(key2, value2){ if(key2 == 'name'){ $('.myClass'). append($("<option></option>"). attr("data-catid",value['catId']). attr("data-catiid",value['catIid']). attr("value",key). text(value2)); } }); 

如何选择当前选择的选项？

 $('.myClass').on(change,funciton(){ alert($(this+' option:selected').data('catid')); alert($('.myClass option:selected').data('catid')); alert($('.myClass').is(':selected').data('catid')); ??? none of these work }); 

Answer 1

您可以使用以下方法获取数据：

$('.myClass').on('change', 
                  function(){ 
                     alert($("option:selected", this).data('catid')); 
                  }
              );

另外，如果您使用的是Firebug，则可能要使用console.log(...)而不是alert(...) （这样可以避免干扰和阻止弹出窗口）。

Answer 2

简单：

$('.myClass').on('change', function(){

    var tada = $('option:selected', this).data('catid');

    alert(tada);

});