PDA

View Full Version : onChange for a drop down menu, HELP!



kansurr
07-10-2007, 03:16 PM
hey i have this code i am trying to get to work and i don't get why its not working so i am going to post it here and if someone who is smarter then me could come on and let me know why its not working and how i can fix it i would greatly appreciate it. if you have any questions let me know and i would be glad to answer them. thanks so much for your help.


-------------------------------------------------------------




<html lang="en">
<title>Sysplex Quickcheck</title>
<head>
<script language = "JavaScript">
function showMe (it, box)
{
var vis = (box.checked) ? "block" : "none";
document.getElementById(it).style.display = vis;
}
show11(form)
{
if(form.Question11.value=="1")
{
showMe('div111', form)
}
if(form.Question11.value=="2")
{
showMe('div112', form)
}
if(form.Question11.value=="3")
{
showMe('div113', form)
}
}
</script>
</head>
<body>
<form name="form" method="post">
<table>
<tbody>
<tr>
<td>
How many here you go's?
<select name="Question11" onChange="show11(this)">
<option SELECTED="" value=""></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<tr>
<td>
<div id="div111" style="display:none">
<table>
<tbody>
<tr>
<td>
Here you go 1
<INPUT TYPE="text" name="Question11a"></INPUT>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div id="div112" style="display:none">
<table>
<tbody>
<tr>
<td>
Here you go 1
</td>
</tr>
<tr>
<td>
Here you go 2
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td>
<div id="div113" style="display:none">
<table>
<tbody>
<tr>
<td>
Here you go 1
</td>
</tr>
<tr>
<td>
Here you go 2
</td>
</tr>
<tr>
<td>
Here you go 3
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</form>
</body>
</html>