midntcowboy25
Baseband Member
- Messages
- 21
Im making a small search engine. I have two drop-down menus one is Discipline the other sub-discipline. If I want to make the Sub-discipline values depend on the Disciplines values how do i do it?
<script>
function change_form()
{
var el = document.getElementById? document.getElementById('formxyz'): document.all['formxyz'];
var formx1 = "<select name=\"subselect\"><option value=\"1\" name=\"1\">1a</option><option value=\"1\" name=\"1\">2a</option><option value=\"1\" name=\"1\">3a</option><option value=\"1\" name=\"1\">4a</option></select>";
var formx2 = "<select name=\"subselect\"><option value=\"1\" name=\"1\">1b</option><option value=\"1\" name=\"1\">2b</option><option value=\"1\" name=\"1\">3b</option><option value=\"1\" name=\"1\">4b</option></select>";
if (document.form1.dropdn1.value=="val1")
{
if (el && typeof el.innerHTML != "undefined") el.innerHTML = formx1;
}
if (document.form1.dropdn1.value=="val2")
{
if (el && typeof el.innerHTML != "undefined") el.innerHTML = formx2;
}
}
</script>
<html>
<body>
<form name="form1">
<table border=1>
<tr>
<td>
<select name="dropdn1" OnChange="change_form();">
<option name="val1" value="val1">val1</option>
<option name="val2" value="val2">val2</option>
</select>
</td>
<td>
<div id="formxyz">
<select name="subselect">
<option value="1" name="1">1a</option>
<option value="1" name="1">2a</option>
<option value="1" name="1">3a</option>
<option value="1" name="1">4a</option>
</select>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
<script>
function navigate()
{
var menval=document.frm.menu.value;
document.location = (menval);
}
</script>
<body>
<form name="frm">
<select name="menu" Onchange="navigate();">
<option name="1" value="page1.html">1</option>
<option name="2" value="page2.html">2</option>
<option name="3" value="page3.html">3</option>
</select>
</form>
</body>
<script>
function change_form()
{
var el = document.getElementById? document.getElementById('formxyz'): document.all['formxyz'];
var formx1 = "<select name=\"subselect\"><option value=\"1\" name=\"1\">1a</option><option value=\"1\" name=\"1\">2a</option><option value=\"1\" name=\"1\">3a</option><option value=\"1\" name=\"1\">4a</option></select>";
var formx2 = "<select name=\"subselect\"><option value=\"1\" name=\"1\">1b</option><option value=\"1\" name=\"1\">2b</option><option value=\"1\" name=\"1\">3b</option><option value=\"1\" name=\"1\">4b</option></select>";
if (document.form1.dropdn1.value=="val1")
{
if (el && typeof el.innerHTML != "undefined") el.innerHTML = formx1;
}
if (document.form1.dropdn1.value=="val2")
{
if (el && typeof el.innerHTML != "undefined") el.innerHTML = formx2;
}
}
</script>
<html>
<body>
<form name="form1">
<table border=1>
<tr>
<td>
<select name="dropdn1" OnChange="change_form();">
<option name="val1" value="val1" SELECTED>val1</option>
<option name="val2" value="val2">val2</option>
</select>
</td>
<td>
<div id="formxyz">
<select name="subselect">
<option value="1" name="1">1a</option>
<option value="1" name="1">2a</option>
<option value="1" name="1">3a</option>
<option value="1" name="1">4a</option>
</select>
</div>
</td>
</tr>
</table>
</form>
</body>
</html>