Javascript 通过其他选择框的选项禁用或启用选择框

我尝试在2选择框中创建关系/连接

<form id="creation" name="creation">
<select name="select01" id="select01">
     <option value="01">01</option>
     <option value="02">02</option>
     <option value="03">03</option>
</select>

<select name="select02" id="select02">
     <option value="aa">aa</option>
     <option value="bb">bb</option>
     <option value="cc">cc</option>
</select>
</form>

好的，现在，我使用以下代码：

<script>
var oui = document.select01;
document.getElementById("select02" ).disabled=true;
oui.onchange = function(){
document.getElementById("select02" ).disabled=false;
}
</script>

var oui=document.select01；
document.getElementById（“select02”）.disabled=true；
oui.onchange=函数（）{
document.getElementById（“select02”）.disabled=false；
}

---

我更改selec01的值，然后我的select02现在处于启用状态。。但是我怎么能只针对select01的两个选项呢？

您必须使用

onchange

而不是

onclick

。所以下面应该是

oui.onclick = function() 

替换为

oui.onchange = function() 

祝你好运

​document.getElementById('select01').onchange = function () {
    document.getElementById("select02").disabled = this.value == '01';
}​​​​​​​​

这是小提琴：

试试这个：

<form id="creation" name="creation" onchange="handleSelect()">
<select name="select01" id="select01">
     <option value="01">01</option>
     <option value="02">02</option>
     <option value="03">03</option>
</select>

<select name="select02" id="select02" disabled>
     <option value="aa">aa</option>
     <option value="bb">bb</option>
     <option value="cc">cc</option>
</select>
</form>

---

还有一个提示：探索jQuery，一个非常流行的JS框架（jQuery.com）。使用它可以非常简单地完成任务。

现在我使用onchange，我更改selec01的值，然后我的select02现在启用。。但是我怎么能只针对select01的两个选项呢？@Peter你的意思是说在特定的选项选择情况下会执行该操作吗？是的，但没关系，我这样验证：if（document.getElementById（“typeevent”）.value='T'| document.getElementById（“typeevent”）.value='G'）{问题解决了，我将在8小时后发布我的答案。.谢谢！把onchange放在select标记中不是更好吗？否则，如果您添加另一个同样包含值“01”的selectionbox，您可能会禁用select02。不应该

这个值。

替换为

document.getElementById（'select01'）。选项[document.getElementById]（'select01'）.selectedIndex].value

（或更简单的等效值）在其他情况下似乎不起作用。

function handleSelect() {
  if (this.value == '01') {
     document.getElementById('select02').disabled = true;
  } else {
     document.getElementById('select02').disabled = false;
  }
}

 function handleSelect() {
     if (this.value == '01') {
         document.getElementById('select02').disabled = true;
     } else {
         document.getElementById('select02').disabled = false;
     }
 }

function handleSelect() {
  if (this.value == '01') {
     document.getElementById('select02').disabled = true;
  } else {
     document.getElementById('select02').disabled = false;
  }
}