当一个select的option被选中,改变另一个option的selected状态

当一个select的option被选中,改变另一个option的selected状态

<select name="one" id="one">
                        <option value="">0</option>
                        <option id="four" value="1" >1</option>
                        <option id="four" value="2" >2</option>
                        <option value="3" >3</option>
                        <option value="4" >4</option>

                      </select>
<select name="two" id="two">
                        <option value="">5</option>
                        <option value="6" >6</option>
                        <option value="7" >7</option>
                        <option value="8" >8</option>
                        <option value="9" >9</option>
                      </select>

目的是在第一个id=one的select的id=four被选择的时候,第二个select的选项将回到value为空的<option value="">5</option>被自动selected
因为还有添加移除disabled的存在,单独简单的改变value例如 if (sshop_close.value === "定休日") {
$("#shop_close_youbi").val("")
}并不可行想知道在此之上应该如何修改添加代码,谢谢。

$('#one').change(selectChange);
        selectChange();

function selectChange(){
    if(['3','4'].indexOf(one.value)+1){
        $("#two").prop('disabled',true);
        $("#two").parent().addClass("disabled");
    }
    else{
        $("#two").prop('disabled',false);
        $("#two").parent().removeClass("disabled");
    }

}

非常感谢

没太明白逻辑,下面这样吗?

one选中id为four的option,two选中5。

one选中非id为four,值为3,4则启用two,否则禁用。那one选中0这个option做什么操作呢?

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632