[thelist] Re: js/css show div based on onchange

Thu Oct 21 08:10:55 CDT 2004

This solves the problem

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Untitled</title>
<script language="javascript">
function fillrouter(obj) {
	if(obj.options[obj.selectedIndex].value == 'DSL') {
		document.getElementById("dslarea").style.display='';
	} else {
		document.getElementById("dslarea").style.display='none';
	}
}
</script>
</head>

<body>
<form name="frmdefault">
<table>
<tr>
       <td>Current Home Internet Type</td>
       <td>
       <select name="internet_type" id="internet_type"
onchange="fillrouter(this);">
               <option value=""></option>
               <option value="CABLE">CABLE</option>
               <option value="DSL">DSL</option>
               <option value="DIALUP">DIALUP</option>
               <option value="ISDN">ISDN</option>
               <option value="OTHER">OTHER</option>
       </select>
       </td>
</tr>


<tr style="display:none;" id="dslarea">
       <td>Router?</td>
       <td>
       <select name="router">
               <option value=""></option>
               <option value="YES">YES</option>
               <option value="NO">NO</option>
       </select>
       </td>
</tr>

</table>
</form>


</body>
</html>