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

Question

<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只能启用一个，例如第一个启用的，禁用后，才能启用第二个

Answer 1

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

    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;
        }
    }