Staram się stworzyć relację / powiązanie między 2 opcjami wyboru

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

Chcę to moje pole wyboruselect02 być wyłączonym na początku, a kiedy klikamwartość02 lubwartość03, włączamy to i kiedy klikamywartość01, wyłącz to.

Na razie jest mój kod js. Staram się dostosować go do innej funkcji (radiobutton włączającej pole wyboru), ale nie działa. Moja lista jest wyłączona na początku, ale onclick nie działa ...

Jakieś ciało może mi pomóc?

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

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

Ok, więc TERAZ, mam ten kod:

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

Zmieniam wartość mojego selekt01, wtedy mój select02 jest teraz włączony .. ale jak mogę kierować tylko na 2 opcje mojego select01?