Jquery按id选择变量

Question

我正在尝试获取由所选选项指定的选项的内容。

我可以让所选的选项告诉我数据父级，但我不能用它来获取父选项的文本。

<select id="addCatSelectCats" multiple="multiple">
    <option id="Cat55" data-parent="5">Parent Cat</option>
    <option id="Cat357" data-parent="55">Sub Cat</option>
</select>

$(document).on('change', '#addCatSelectCats',function() {
    $("#addCatSelectCats option").each(function(){
        if($(this).is(':selected')){
            var dataparent = $(this).attr('data-parent');
            if(dataparent > 0){
                var parent = $('#Cat'+dataparent).text();
                alert(parent);
            }
        }
    });
});

我哪里错了？

Answer 1

您可以使用少量代码

$(document).on('change', '#addCatSelectCats',function() {
    var parent = $("#addCatSelectCats option:selected").text();
                alert(parent);     
});