Select: attivare/disattivare

[FastMagister]

Ciao ragazzi,

in una pagina html ho due tag select con la seguente struttura:

<select name="tipoOperazione" id="tipo">
	<option value="AA"> AAAA </option>
	<option value="BB"> BBBB </option>
	<option value="CC"> CCCC </option>
	<option value="DD"> DDDD </option>
</select>
			
<select name="name2" id="id2" disabled="disabled">
	<option value=""></option>
	<option value="tutte"> tutte </option>
	<option value="operation1"> operation1 </option>
	<option value="operation2"> operation2  </option>
	<option value="operation3"> operation3  </option>
	<option value="operation4"> operation4  </option>
	<option value="operation5"> operation5  </option>
	<option value="operation6"> operation6  </option>
</select>

qualcuno saprebbe indicarmi come fare ad abilitare la seconda select (posta inizialmente a disabled="disabled") solo quando nella prima select viene selezionata l'option CCCC? Sarebbe ottimale se ciò avvenisse senza il refresh dell'intera pagina...

Ovviamente, se successivamente venisse riselezionata una option diversa nella prima select, la seconda dovrebbe ritornare a "disabled".

Grazie mille, ciao

[fcaldera]

<select name="tipoOperazione" id="tipo"
onchange="
         if (this.value === 'CC')  {
                 document.getElementById('id2').removeAttribute('disabled');
         } 
         else {
                 document.getElementById('id2').disabled = 'disabled';
         }
">
	<option value="AA"> AAAA </option>
	<option value="BB"> BBBB </option>
	<option value="CC"> CCCC </option>
	<option value="DD"> DDDD </option>
</select>

[FastMagister]

Thank You!