Perseus
Registered
Here is my code:
<form action="get">
<select size="1" name="ListBoxURL">
<option value="http://my.musicresults.com/musiceducation.html">Anna Maria College</option>
<option value="http://www.bridgew.edu/Music/MCMENC.cfm">Bridgewater State College</option>
</select> <input type="button" value="Go" onclick="gotoLink(this.form)" name="button" />
<script language="JavaScript" type="text/css">
<!--
function gotoLink(form) {
var OptionIndex=form.ListBoxURL.selectedIndex;
parent.location = form.ListBoxURL.options[OptionIndex].value;}
//-->
</script>
</form>
Issue: When I test this code (its inside an <li> tag) in browsers, the links dont work. (The GO button in otherwords). For some reason it only works in Safari. What can I do?
<form action="get">
<select size="1" name="ListBoxURL">
<option value="http://my.musicresults.com/musiceducation.html">Anna Maria College</option>
<option value="http://www.bridgew.edu/Music/MCMENC.cfm">Bridgewater State College</option>
</select> <input type="button" value="Go" onclick="gotoLink(this.form)" name="button" />
<script language="JavaScript" type="text/css">
<!--
function gotoLink(form) {
var OptionIndex=form.ListBoxURL.selectedIndex;
parent.location = form.ListBoxURL.options[OptionIndex].value;}
//-->
</script>
</form>
Issue: When I test this code (its inside an <li> tag) in browsers, the links dont work. (The GO button in otherwords). For some reason it only works in Safari. What can I do?