0

当第一个选择框被更改时，我想更改第二个的选择框禁用样式，但我不能。请帮我。

<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>
4

3 回答 3

3

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

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

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

于 2013-10-25T12:52:42.327 回答
0

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

试试这个：

document.getElementById('2').disabled=false;
于 2013-10-25T12:52:32.993 回答
0

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

function a(){
    if(document.getElementById('1').value!="Choose"){
        document.getElementById('2').style.background = "yellow";
        document.getElementById('2').disabled = false;
    }
}
于 2013-10-25T12:52:44.927 回答