<form>
<select id="xuanxiang" class="xuanxiang" onChange="changecolor(0)">
<option value="1">禁用</option>
<option value="2">启用</option>
</select>
</form>
<form>
<select id="xuanxiang" class="xuanxiang" onChange="changecolor(1)">
<option value="1">禁2用</option>
<option value="2">启2用</option>
</select>
</form>
<form>
<select id="xuanxiang" class="xuanxiang" onChange="changecolor(2)">
<option value="1">禁用</option>
<option value="2">启用</option>
</select>
</form>
if(data.RFGroup == 2){
var zhuangtai = document.querySelectorAll(".xuanxiang");
for (var el of zhuangtai) el.disabled = true;
zhuangtai[1].disabled = false;
console.log(zhuangtai );
}
当data.RFGroup等于2的时候,当前select,disabled为false,其余的select,disabled为true。
火狐浏览器可以是正常的 form1,3禁用, 2自动转到“启用”上
但谷歌zhuangtai[1].disabled = false;没有效果 虽然form1,3不能操作了,2可以操作,但是2不能自动选择“启用”
zhuangtai[1].disabled = false;只是设置控件的可用状态,要选中对应的值还需要zhuangtai[1].value='2'进行设置选中启用状态,要不原来是什么值就是什么值
每一步都console自己看看,就你截图的这个代码跟啥浏览器是没多大关系的
有报错吗?可能存在兼容问题
打开F12 看console,报红的解决了就好了