Ok I'm still trying to work on the same form and display a div based
on a select statement and nothing I do seems to work.
I'm trying to make a drop down select list that will display another
list when I choose the second option. Here's the lists:
<B>Employment Type</B>
<select name="emptype" onchange="emptype(this)">
<option value=" "</option>
<option value="employee">Employee</option>
<option value="contractor">Contractor</option>
</select><br>
<img src="img/spacer_white.gif" width=30 height=1>
<div id=conttype class="hide">
<select name="contracttype">
<option value=" "</option>
<option value="payroll">Payroll</option>
<option value="agency">Agency</option>
</select><br />
</div>
If they choose "contractor" in the first list, I want a second
dropdown to choose "Payroll" or "Agency".
Here's the code I've got - again it's 99% copied and pasted so I'm
thinking there's probably a syntax error or something:
<script type="text/JavaScript">
function toggle(o){
o.className = ( o.className == "show" ) ? "hide" : "show";
}
function emptype(o){
// This one just alerts me as a test. Even this doesn't work.
var pick = o.options[o.selectedIndex].value;
if (pick == "contractor") alert("Contractor selected");
// Here's what I tried before - didn't work either...
//o = document.getElementsByName("emptype");
//if (o.selectedIndex = 2)
// toggle(conttype);
}
</script>
Thanks,
Keith
