I'm building a dynamic javascript dropdown menu select box
Where if box 1 has a vules box 2 will dispaly the option for that select here is the full code It works but it now swicthing box 2.
It's pretty big
<SCRIPT LANGUAGE="JavaScript1.1">
var maxLength = 10;
siteopt = new Array;
<? // create a dynamic set of vars for the Java
require("includes/zcon.inc");
$x = 0; // set var_holder for The initial options
$get_var = mysql_query("SELECT *
FROM seminars, s_category
WHERE seminars.sem_cat_id = s_category.sem_cat_id");
while($set_vars = mysql_fetch_array($get_var)) {
echo "siteopt[$x] = \"$set_vars[title]\";
";
$x = $x + 1;
}
?>
var trueLength = siteopt.length;
var lst = siteopt.length;
url = new Array;
<? // The urls that correspond to the initial option
$get_var1 = mysql_query("SELECT *
FROM s_category");
$xi = 0; // set var_holder
while($set_vars1 = mysql_fetch_array($get_var1)) {
echo "url[$xi] = \"seminar.php?sem_cat_id=$set_vars1[sem_cat_id]\";
";
$xi = $xi + 1;
}
?>
catopt = new Array;
<? // The permanent options for the primary select menu
$cx = 0; // set var_holder
$get_var2 = mysql_query("SELECT *
FROM s_category");
while($set_vars2 = mysql_fetch_array($get_var2)) {
echo "catopt[$cx] = \"$set_vars2[sem_cat_name]\";
";
$cx = $cx + 1;
}
?>
function changePage()
{
menuNum = document.SelectMenu.SelectPrimary.selectedIndex;
if (menuNum == null){alert("Please select a category from the menu.");return;}
else
{
i = document.SelectMenu.SelectSecondary.selectedIndex;
window.location.href = url;
}
}
function changeMenu()
{
siteopt.length = 0;
menuNum = document.SelectMenu.SelectPrimary.selectedIndex;
if (menuNum == null) return;
<? // New Option Objects called in a muilti loop
$mid = 0; // set var_holder
$get_var3 = mysql_query("SELECT *
FROM s_category");
while($set_vars3 = mysql_fetch_array($get_var3)) {
// need to break out of PHP to create Java ifs
?>
if (menuNum == <? echo $mid ?>)
{
siteopt = new Array;
<? // Here were loop though table 2
$cpt = 0; // set var_holder
$get_var4 = mysql_query("SELECT *
FROM seminars
WHERE sem_cat_id = '$set_vars3[sem_cat_id]'");
while($set_vars4 = mysql_fetch_array($get_var4)) {
echo "siteopt[$cpt] = \"$set_vars4[title]\";
";
$cpt = $cpt + 1;
}
?>
url = new Array;
<? // get url Loop
$ux2 = 0; // set var_holder
$get_var4 = mysql_query("SELECT *
FROM seminars
WHERE sem_cat_id = '$set_vars3[sem_cat_id]'");
while($set_var5 = mysql_fetch_array($get_var4)) {
echo "url[$ux2] = \"seminars.php?sem_id=$set_var5[sem_id]\";
";
$ux2 = $ux2 + 1;
}
?>
}
<? $mid = $mid + 1;
} // ends PHP While loop ?>
tot = siteopt.length;
for (i = lst; i > 0; i--)
{ document.SelectMenu.SelectSecondary.options[i] = null; }
for (i = 0; i < tot; i++)
{ document.SelectMenu.SelectSecondary.options[i] = siteopt[i]; }
document.SelectMenu.SelectSecondary.options[0].selected = true;
lst = siteopt.length;
}
</SCRIPT>
</HEAD><BODY>
<SCRIPT LANGUAGE = "JavaScript">
with (document) {
writeln('<TABLE BORDER = 0 BGCOLOR = "#F8D85A" CELLPADDING = 3 CELLSPACING = 0>');
writeln('<TR><TD COLSPAN = 3><FORM NAME = "SelectMenu">');
writeln('<FONT SIZE = 4 FACE = "Times">');
writeln('Modifiable Select Menu II</FONT>');
writeln('</TD></TR><TR><TD ALIGN = LEFT>');
writeln('<FONT SIZE = 2 FACE = "Times" >Category Menu</FONT><BR>');
writeln('<SELECT NAME="SelectPrimary" onChange="changeMenu(this.form)">');
tot = catopt.length;
for (i = 0; i < tot; i++)
writeln("<OPTION>" +catopt);
writeln("</SELECT>");
writeln('</TD><TD>');
writeln('<FONT SIZE = 2 FACE = "Times" >Site Menu</FONT><BR>');
writeln('<SELECT NAME="SelectSecondary">');
for (i = 0; i < maxLength; i++)
writeln("<OPTION>" +siteopt);
writeln("</SELECT>");
for (i = maxLength; i > trueLength; i--)
{ SelectMenu.SelectSecondary.options = null; }
writeln('</TD><TD VALIGN = BOTTOM><A HREF = "javascript:changePage();">');
writeln('<IMG BORDER = 0 HEIGHT = 27 WIDTH = 70 SRC = "../jump1.gif"></A>');
writeln('</TD></TR>');
changeMenu();
writeln('</FORM>');
writeln('</TABLE>');
}
</SCRIPT>
