nitrusoxide
asked on
Hiding a drop down menu
Here is my code:
<html>
<head>
<title>Add/Delete A CD</title>
<script>
function setMenu(Menu) {
switch (Menu) {
case 1: {
document.add.SpecCat.optio ns[0].valu e="Pop/Roc k";
document.add.SpecCat.optio ns[1].valu e="Pop";
document.add.SpecCat.optio ns[2].valu e="Rock";
document.add.SpecCat.optio ns[3].valu e="Ska";
document.add.SpecCat.optio ns[4].valu e="";
document.add.SpecCat.optio ns[5].valu e="";
document.add.SpecCat.optio ns[0].sele cted=true;
document.add.Genre[0].chec ked=true;
break;
}
case 2: {
document.add.SpecCat.optio ns[0].valu e="Dance";
document.add.SpecCat.optio ns[1].valu e="Drum and Bass";
document.add.SpecCat.optio ns[2].valu e="House";
document.add.SpecCat.optio ns[3].valu e="Techno" ;
document.add.SpecCat.optio ns[4].valu e="Trance" ;
document.add.SpecCat.optio ns[5].valu e="Other";
document.add.SpecCat.optio ns[0].sele cted=true;
document.add.Genre[1].chec ked=true;
break;
}
case 3: {
}
}
setOptionText();
}
function setOptionText() {
document.add.SpecCat.optio ns[0].text =document. add.SpecCa t.options[ 0].value;
document.add.SpecCat.optio ns[1].text =document. add.SpecCa t.options[ 1].value;
document.add.SpecCat.optio ns[2].text =document. add.SpecCa t.options[ 2].value;
document.add.SpecCat.optio ns[3].text =document. add.SpecCa t.options[ 3].value;
document.add.SpecCat.optio ns[4].text =document. add.SpecCa t.options[ 4].value;
document.add.SpecCat.optio ns[5].text =document. add.SpecCa t.options[ 5].value;
}
</script>
</head>
<body onLoad="setMenu(1); document.add.Genre[0].chec ked=true">
<h1>Add/Delete a CD</h1><br><br>
To add a CD, fill out the form and click Submit. For deleting CD's, click <a href="delete.html">HERE</a ><br><br>
<form name="add" action="/myapp/IT202Assign ment10/add .jsp" method="post" onReset="setMenu(1)">
<table name=add cols=3>
<tr>
<td>CD Number:</td>
<td><input type=text name=CDNum></td>
<td> </td>
</tr>
<tr>
<td>Artist:</td>
<td><input type=text name=Artist></td>
<td> </td>
</tr>
<tr>
<td>Title:</td>
<td><input type=text name=Title></td>
<td> </td>
</tr>
<tr>
<td>Genre:</td>
<td><input type=radio name=Genre value=Pop/Rock onClick="setMenu(1)" selected>Pop/Rock</td>
<td>Specific Category: <select name="SpecCat">
<option value="Pop/Rock">
<option value="Pop">
<option value="Rock">
<option value="Ska">
<option value="">
<option value="">
</select></td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Electronic onClick="setMenu(2)">Elect ronic</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Soundtrack onClick="setMenu(3)">Sound track</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Mix onClick="setMenu(3)">Mix</ td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Rap onClick="setMenu(3)">Rap</ td>
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Other onClick="setMenu(3)">Other - <input type=text name=otherGenre></td>
<td> </td>
</tr>
<tr>
<td>Year:</td>
<td><input type=text name=Year></td>
<td> </td>
</tr>
<tr>
<td><input type=submit value="Submit"></td>
<td><input type=reset value="Clear Form"></td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
I have a different values for the drop down menu show depending on what radio button is selected. My problem is I want to hide the drop down menu if you select any radio button but the first two. So in the setMenu function, under case 3, can I put something there to do this?
<html>
<head>
<title>Add/Delete A CD</title>
<script>
function setMenu(Menu) {
switch (Menu) {
case 1: {
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.Genre[0].chec
break;
}
case 2: {
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.Genre[1].chec
break;
}
case 3: {
}
}
setOptionText();
}
function setOptionText() {
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
document.add.SpecCat.optio
}
</script>
</head>
<body onLoad="setMenu(1); document.add.Genre[0].chec
<h1>Add/Delete a CD</h1><br><br>
To add a CD, fill out the form and click Submit. For deleting CD's, click <a href="delete.html">HERE</a
<form name="add" action="/myapp/IT202Assign
<table name=add cols=3>
<tr>
<td>CD Number:</td>
<td><input type=text name=CDNum></td>
<td> </td>
</tr>
<tr>
<td>Artist:</td>
<td><input type=text name=Artist></td>
<td> </td>
</tr>
<tr>
<td>Title:</td>
<td><input type=text name=Title></td>
<td> </td>
</tr>
<tr>
<td>Genre:</td>
<td><input type=radio name=Genre value=Pop/Rock onClick="setMenu(1)" selected>Pop/Rock</td>
<td>Specific Category: <select name="SpecCat">
<option value="Pop/Rock">
<option value="Pop">
<option value="Rock">
<option value="Ska">
<option value="">
<option value="">
</select></td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Electronic onClick="setMenu(2)">Elect
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Soundtrack onClick="setMenu(3)">Sound
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Mix onClick="setMenu(3)">Mix</
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Rap onClick="setMenu(3)">Rap</
<td> </td>
</tr>
<tr>
<td> </td>
<td><input type=radio name=Genre value=Other onClick="setMenu(3)">Other
<td> </td>
</tr>
<tr>
<td>Year:</td>
<td><input type=text name=Year></td>
<td> </td>
</tr>
<tr>
<td><input type=submit value="Submit"></td>
<td><input type=reset value="Clear Form"></td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>
I have a different values for the drop down menu show depending on what radio button is selected. My problem is I want to hide the drop down menu if you select any radio button but the first two. So in the setMenu function, under case 3, can I put something there to do this?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Glad I could help. Thanks for the A. :^)
Cd&
Cd&
ASKER