如何根据value值 改变禁用启用select

<select id="xuanxiang2"  class="xuanxiang" onChange="changecolor(1)">
    <option value="1">禁用</option>
    <option value="2">启用</option>
                                            
</select>
<select id="xuanxiang2"  class="xuanxiang" onChange="changecolor(2)">
    <option value="1">禁用</option>
    <option value="2">启用</option>
                                            
</select>
window.changecolor=function(e) {
        var zhuangtai = document.querySelectorAll(".xuanxiang");
        var zhuangt = zhuangtai[e].value;
        console.log(zhuangt);
         console.log(e);
            if(zhuangt == 2){
                zhuangtai[e].style.backgroundColor = "blue";
                
            } 
            if (zhuangt == 1) {
                 zhuangtai[e].style.backgroundColor = "red";
                 
            }
        
    }

当“zhuangt”等于2时 当前的select 启用 其余的selsct禁用
当“zhuangt”等于1时 所有的的selsct启用
换句话说 就是两个select只能启用一个，例如第一个启用的，禁用后，才能启用第二个

有帮助麻烦点个采纳【本回答右上角】，谢谢~~有其他问题可以继续交流~

img


    window.changecolor = function (e) {
        var zhuangtai = document.querySelectorAll(".xuanxiang");
        var zhuangt = zhuangtai[e].value;
        console.log(zhuangt);
        console.log(e);
        if (zhuangt == 2) {
            for (var el of zhuangtai) el.disabled = true;
            zhuangtai[e].disabled = false;
        }
        if (zhuangt == 1) {
            for (var el of zhuangtai) el.disabled = false;
        }
    }


<html>
<select id="xuanxiang2" class="xuanxiang" onChange="changecolor(0)">
    <option value="1">禁用</option>
    <option value="2">启用</option>

</select>
<select id="xuanxiang2" class="xuanxiang" onChange="changecolor(1)">
    <option value="1">禁用</option>
    <option value="2">启用</option>

</select>
<script>
    window.changecolor = function (e) {
        var zhuangtai = document.querySelectorAll(".xuanxiang");
        var zhuangt = zhuangtai[e].value;
        if (zhuangt == '2') {
            zhuangtai[e].style.backgroundColor = "blue";

            for (var i = 0; i < zhuangtai.length; i++) {
                zhuangtai[i].disabled = true

            }
            zhuangtai[e].disabled = false;

        }
        else if (zhuangt == '1') {
            zhuangtai[e].style.backgroundColor = "red";
            zhuangtai[e].disabled = false;
        }
        else
            zhuangtai[e].disabled = true;

    }

</script>

</html>