disable drop down box

[rkoya]

Hi,

I have 3 drop down boxes which are all active when page is loaded. I want to disable 2 if a particular option is chosen in the first one. So far example if Toyota is selected I want to grey out the other 2 dropdown fields so they cannot be selected.

EG

<select name="class" id="class" class="box3" >
<option value="NONE" selected>select a car </option>
<option value="F">Ford</option>
<option value="N">Nissan</option>
<option value="T">Toyota</option>
</select>

<select name="type" id="type" class="box3">
<option value="NONE" selected>select a car type</option>
<option value="B">2 door</option>
<option value="D">4 door</option>
</select>

<select name="ac" id="ac" class="box3">
<option value="NONE" selected>select aircon</option>
<option value="A">AC</option>
<option value="N">No AC</option>
</select>


Any help would be useful thanks.

 

[rkoya]

Sorry should have put on this using javascript, can anyone help

 

[tsuji]

[tt]
<select name="class" id="class" class="box3"
onchange="if (this.value=='T') {
document.getElementById('type').disabled=true;
document.getElementById('ac').disabled=true;}"
>[/tt]

 

[rkoya]

Hi tsuji, looks like a good solution but having put that into my code I am getting javascript errors. Any idea why this may be?

 

[rkoya]

Don't worry I sorted it out was a problem my end, thanks for the help. worked just how I wanted it.