JavaScript Forum

**DBookatay** · 03-04-2007, 09:46 PM

I have an application form on my site that requires users to insert information, to apply for credit.

I am trying to make a script that shows a hidden layer, named "Previous" if the user selects "01" or "0" from a select box nammed "ap_add5". Which basically means that if the person filling out the form has lived at their current address for less than 2 years a layer showing "Previous Address" fields will appear.

Can anyone help with this?

**pitbull82** · 03-05-2007, 01:41 PM

There you go:

Code:

<html>
<head>
</head>
<style>
div#Previous
{
	display: none;
	border: 1px solid red;
}

</style>

<script type="text/javascript">
function check()
{
	var select=document.getElementById('ap_add5');
	value=select.options[select.selectedIndex].value;
	
	if (value == '1' || value=='0')
		document.getElementById('Previous').style.display='block';
	else
		document.getElementById('Previous').style.display='none';
}

</script>
<body>



<select id="ap_add5" name="ap_add5" onchange="check();">
	<option value="">Choose</option>
	<option value="0">0</option>
	<option value="1">1</option>
	<option value="2">2</option>
</select>

<div id="Previous">
	Previous Text
</div>
</body>
</html>