JavaScript Forum

**devine** · 06-20-2006, 05:26 AM

Hi, Back again

I was kindly given some code to enable me to hide/show a textarea dependant on a select list. .
I would like to also hide/show a label that goes with the text area and you'ld think I could work that out for myself, but no!

Can anyone steer me in the right direction with the code I've attempted?

Code:

I have highlighted the code that I added and hopefully some-one will be able to immediately spot where I've gone wrong.
Thanks in advance

**funkdaddu** · 01:11 PM

I just moved the label and the textarea into a <div> and had the script show/hide that DIV:

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

	<head>
		<script type="text/javascript">
		//<![CDATA[
			function toggleSubmit(sel) {
				var submit = document.getElementById('submit');
				var area = document.getElementById('jarea');
				submit.value = (sel.options[sel.selectedIndex].value=="yes") ? 'Submit Emergency Change' : 'Submit to Change Control';
				area.style.display = (submit.value == 'Submit Emergency Change') ? 'block' : 'none';
			}
		//]]>
	</script>
	</head>

	<body>
		<form id="form1" action="#" method="post">
			<div>
				<label for="emergency">Emergency Change?: </label> <select id="emergency" name="emergency" onchange="toggleSubmit(this);">
					<option label="Yes" value="yes">Yes</option>
					<option selected="selected" label="No" value="no">No</option>
				</select> <br>
				<div id="jarea" style="display:none;">
					<label for="justification">Please provide justification for emergency change </label><br><textarea title="Please provide justification for emergency change" name="justification" rows="3" cols="38"></textarea>
				</div>
					<input id="submit" type="submit" name="submit" value="Submit to Change Control">
			</div>
		</form>
	</body>

</html>

**devine** · 06-20-2006, 04:38 PM

Hi funkdaddu,
Thanks so much - just what I was looking for!