级联选择器$(this).attr('selected')无法显示选中项

2019独角兽企业重金招聘Python工程师标准>>>

iuapmobile级联选择器控件

<select id="condition">
     <option>请选择</option><option>阶段1</option> <option>阶段2</option>
</select>
<select class="status">
    <option value="0">全部</option>
</select>
<select class="status">
    <option value="1">阶段1-1</option>
</select>
<select class="status">
    <option value="2">阶段2-1</option>
    <option value="3">阶段2-2</option>
    <option value="4">阶段2-3</option>
</select>


$('#condition').change(function() {
    $('#condition>option').each(function(i, o) {
       //正确方法： if($(o).prop('selected')) {
        if ($(this).attr("selected")) {
            $('.status').hide();
            $('.status').eq(i).show();
        }
    });
});
$('#condition').change();

问题描述：无法改变下级选择器对应的值

解决方式： 后期表单元素很少使用attr属性了，使用了也会出错

• 使用prop属性
• 注意each方法中$(this)值已经改变。
• 正确方法已经在代码中贴出，只需要改变一行即可实现。

转载于:https://my.oschina.net/yxmBetter/blog/1586101