multiple forms

[martin_b14]

Hi,
I have a drop down form that works nicely, but I want to have more than copy of it working on the same page. But I can't figure out how to make it work with more than one. I think is is an easy one for you gurus out there.

<script>
function goToNewPage0(dropdownlist)
{
var url = dropdownlist.options(dropdownlist.selectedIndex).value;
if (url != "")
{
window.open(url);
}
}
</script>
<div class="post">
<div class="entry">
<p>Please select the number you require:</p>
<form name="dropdown">
<label><u>N</u>umber</label>
<select name="list0" accesskey="N">
<option selected>Please select one</option>
<option value="#">1</option>
<option value="#">2</option>
<option value="#">3</option>
<option value="#">4</option>
<option value="#">5</option>
<option value="#">6</option>
<option value="#">7</option>
<select>
<input type=button value="Go" onclick="goToNewPage(document.dropdown.list)">
</form>
</div>
</div>

Many thanks in advanced

Regards,

Martin

[xelawho]

uh, you need to look at it in firebug. This is how the code you posted "should" look:

<script type="text/javascript">
function goToNewPage(dropdownlist)
{
var url = dropdownlist.options[dropdownlist.selectedIndex].value;
if (url != "")
{
window.open(url);
}
}
</script>
<div class="post">
<div class="entry">
<p>Please select the number you require:</p>
<form name="dropdown">
<label><u>N</u>umber</label>
<select name="list" accesskey="N">
<option selected>Please select one</option>
<option value="#">1</option>
<option value="#">2</option>
<option value="#">3</option>
<option value="#">4</option>
<option value="#">5</option>
<option value="#">6</option>
<option value="#">7</option>
</form>
<input type="button" value="Go" onclick="goToNewPage(document.dropdown.list)">
</div>
</div>

now what did you want to do?