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

当第一个选择框更改但我不能更改第二个选择框的禁用样式时。请帮帮我。如何使用javascript更改选择框的禁用样式

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

来源

2013-10-25 user2729868

@ Donte'Trumble你不应该需要这么简单的东西小提琴;） –

是啊，这就是为什么我删除了它。 ;） – dowomenfart

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

试试这个：

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

来源

2013-10-25 12:52:32 hazerd

disabled是元素的属性，而不是它的风格集合。

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

同样重要的是要注意，1和2不是HTML有效身份证比HTML5，这意味着旧的浏览器可能与它严重问题（如没有认识到它作为一个ID，没有发现有更早与getElementById，不造型等）我建议给予有意义的ID，即使它只是select1和select2，这有助于减少意外复制ID的机会。

来源

2013-10-25 12:52:42

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

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

来源

2013-10-25 12:52:44 matewka

谢谢！我现在没事。 – user2729868

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

回答

相关问题