Code:
<script type="text/javascript">
function disableOption(index)
{
switch (index.value)
{
case 'LCD':
document.getElementById('40').disabled = false;
document.getElementById('50').disabled = false;
document.getElementById('60').disabled = false;
document.getElementById('70').disabled = true;
break;
case 'DLP':
document.getElementById('40').disabled = false;
document.getElementById('50').disabled = false;
document.getElementById('60').disabled = false;
document.getElementById('70').disabled = false;
break;
case 'Plasma':
document.getElementById('40').disabled = true;
document.getElementById('50').disabled = false;
document.getElementById('60').disabled = false;
document.getElementById('70').disabled = false;
break;
}
}
</script>
<form>
<select onchange="disableOption(this.options[this.selectedIndex]);">
<option value="">Select Television Type</option>
<option value="LCD" id="LCD">LCD</option>
<option value="DLP" id="DLP">DLP</option>
<option value="Plasma" id="Plasma">Plasma</option>
</select>
<br />
<select>
<option value="">Select Your Size</option>
<option value="40" id="40">40"</option>
<option value="50" id="50">50"</option>
<option value="60" id="60">60"</option>
<option value="70" id="70">70"</option>
</select>
</form>
Is this what you meant?