Question

我希望在第一个选择框被更改时更改第二个选择框禁用样式，但我不能。请帮帮我。

<html>
    <body>
        <select onchange="a()" id="1">
            <option>Choose</option>
            <option>1</option>
            <option>2</option>
        </select>
        <select id="2" disabled="true">
            <option>one</option>
            <option>two</option>
        </select>
        <script>
            function a(){
                if(document.getElementById('1').value!="Choose"){
                    document.getElementById('2').style.background="yellow";
                    document.getElementById('2').style.disabled="false";
                }
            }
        </script>
   </body>
</html>

Answer 1

disabled是元素的属性，而不是它的样式集合。

document.getElementById('2').disabled = false;

同样重要的是要注意1和2不是HTML5之前的HTML中的有效ID，这意味着旧浏览器可能存在严重问题（例如不将其识别为ID ，没有找到它getElementById，没有找到它，等等。）我建议提供有意义的ID，即使它只是select1和select2，这有助于减少意外复制ID的机会。

Answer 2

“禁用”部分是select元素的属性，而不是CSS属性。

请改为尝试：

document.getElementById('2').disabled=false;

Answer 3

disabled是属性，而不是样式属性。应该这样做：

function a(){
    if(document.getElementById('1').value!="Choose"){
        document.getElementById('2').style.background = "yellow";
        document.getElementById('2').disabled = false;
    }
}

如何使用javascript更改选择框的禁用样式

3 个答案: