Selectbox отключен или включен с помощью опции selectbox

Я пытаюсь создать связь/связь beetwen 2 selectbox

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

Я хочу, чтобы мой selectbox select02 был отключен при начале, и когда я нажимаю значение02 или значение03, мы включаем его и когда мы нажимаем значение01, отключите его.

На данный момент мой код js. Я пытаюсь приспособить его к другой функции (radioobutton, позволяющий selectbox), но он не работает. Мой список отключен у начальника, но onclick не работает...

Кто-то может мне помочь?

var oui = document.creation.select01[0];

document.getElementById("select02").disabled=true;
oui.onclick = function() {
document.getElementById("select02").disabled=false;
}

Хорошо, так что СЕЙЧАС, я с этим кодом:

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

Я изменяю значение моего selec01, тогда мой select02 теперь включен, но как я могу настроить только 2 варианта моего select01?

Ответы

Ответ 1

Попробуйте следующее:

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

И как JS script:

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

И подсказка: исследуйте jQuery, очень популярную структуру JS (jquery.com). Вы можете легко выполнить свою задачу, используя ее.

Ответ 2

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

Здесь скрипка: http://jsfiddle.net/PK2vc/

Ответ 3

Вы должны использовать onchange вместо onclick. Итак, ниже должно быть

oui.onclick = function()

Заменено

oui.onchange = function()

Удачи!!

Ответ 4

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