Hi flabob, welcome to the forums,
In addition to online tutorials, one of the best ways to learn mark-up (albeit usually poor mark-up) is to find a page that has something that interests you and then "view-source" the page. For example, This page has a forum jump. When you view the source it shows
Code:
<form action="forumdisplay.php" method="get">
<input type="hidden" name="s" value="" />
<input type="hidden" name="daysprune" value="" />
<strong>Forum Jump</strong><br />
<select name="f" onchange="this.form.submit();">
<optgroup label="Site Areas">
<option value="-1" >Please select one</option>
<option value="cp" >User Control Panel</option>
<option value="pm" >Private Messages</option>
.........
<option value="-1">--------------------</option>
</optgroup>
<optgroup label="Forums">
<option value="7" class="fjdpth0" > Programming</option>
<option value="3" class="fjdpth1" > ASP Development</option>
<option value="43" class="fjdpth1" > .NET Development</option>
<option value="48" class="fjdpth1" > PHP Development</option>
.......
</optgroup>
</select>
<input type="submit" class="button" value="Go" />
</form>
Notice that the option tags all have a value attribute and closing </option tags.
Because it is a "jump" select, the select has an "onchange" event submit the form. But an onclick for the submit button could also submit the form.
Your javascript is "inline" and is
Code:
location=document.jump1.menu.options[document.jump1.menu.selectedIndex].value;
This is looking for something named "jump1" that has a child element named "menu". Assuming your form is named "jump1", so far so good.
But then it needs the selectedIndex's value. Only one of your options has a value, so only if that one is selected does it even have a chance of working.
Dev Articles Community Forums Sponsor:
November 18th, 2006, 08:12 AM
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
