如何在javascript中激活一个选项并禁用其他选项

如何使一个选项被禁用，而另一个选项将被禁用，反之亦然？我尝试添加两个函数，但似乎不起作用。我面临的问题是，当我选择第一个选项时，按钮会被启用，但在选择另一个选项时，上一个选项仍会被启用。如何解决这个问题

<option id="display" onclick="display1(); display2()">Option 1</option>
    <script>
        var val1="Option 1";
        var val2=document.getElementById('display').value;
        if (val1==val2) {
            function display1() {
                document.getElementById('hgt').disabled = false;
                document.getElementById('wdt').disabled = false;
            }
        } else if (val1!=val2) {
            function display2() {
                document.getElementById('hgt').disabled = true;
                document.getElementById('wdt').disabled = true;
            }
        }
    </script>
<option id="text1" onclick="text1(); text2()">Option 2</option>
    <script>
        var val3="Option 2";
        var val4= document.getElementById('text1').value;
        if (val3==val4) {
            function text1() {
                document.getElementById('write').disabled = false;
            }
        } else if (val3!=val4) {
            function text2() {
                document.getElementById('text1').disabled = true;
            }
        }
    </script>
</select></br></br>

选项1
var val1=“选项1”；
var val2=document.getElementById（'display'）.value；
if（val1==val2）{
函数display1（）{
document.getElementById（'hgt'）。disabled=false；
document.getElementById（'wdt'）.disabled=false；
}
}else if（val1！=val2）{
函数display2（）{
document.getElementById（'hgt'）.disabled=true；
document.getElementById（'wdt'）.disabled=true；
}
}
选择2
var val3=“选项2”；
var val4=document.getElementById（'text1'）.value；
if（val3==val4）{
函数text1（）{
document.getElementById（'write'）.disabled=false；
}
}else if（val3！=val4）{
函数text2（）{
document.getElementById（'text1'）。disabled=true；
}
}

测试不使用

文档。getElementById（'hgt'）。disabled=true但请改用此代码
禁用：
document.getElementById（'hgt'）.style.display=“无”
激活：
document.getElementById（'hgt'）.style.display=“block”
您没有开始选择标记，而且您的代码与html交织在一起。你可能想把它清理一下

但是，您可以这样做


var select=document.getElementsByTagName（'select'）[0]；
var option1=document.getElementById（'option1'）；
var option2=document.getElementById（'option2'）；
select.addEventListener（'change'，函数（e）{
如果（this.value==='option1'）{
option2.setAttribute（'disabled'，true）
控制台日志（选项2）；
}
如果（this.value==='option2'）{
option1.setAttribute（'disabled'，true）
控制台日志（选项2）；
}
})

平息
选择1
选择2



不确定你在问什么。除非将selectbox设置为multiple，否则它仅显示一个活动选择。if语句中的函数非常糟糕。
display:none
将隐藏它，而不是禁用它。这个helpfulstyle=“display:none；”不是什么css是html
元素。style
有效地设置了css属性，所以，是的，您所做的与css的
display:none
相当。请参见此处：否，它是element.style=“无”；我在我的网站/本地主机上有它