Form OnChange

Not a javascript boy, need simple help!

[bateman_ap]

My background is ASP and for the life of me have spent the last 4 hours trying to do this simple task!

What I want to do is the following, I have a list of months in a drop down

When someone changes the month I want to refresh the page with a querystring relating to the value they just selected.

At the moment the code is like this:

<form name="formTest" action="test.asp" >
<select name="month">
<option value="6">June</option>
<option value="7">July</option>
<option value="8">August</option>
</select>
</form>

I know I have to use OnChange in the select bit but don't know how to make it so it opens the page /test.asp?month=7 if someone selects July.

[bateman_ap]

I should say too I can't submit the form to achive this as I am using this to synamically build another drop down on the same form.

[DrDoc]

<select name="month" onchange="top.location.href='test.asp?month=' + this.options[this.selectedIndex].value">

[bateman_ap]

You have no idea how much I am grateful!

[bateman_ap]

Sorry, one last question. Is there a simple way to have the new selection automatically selected on the new page. It keeps defaulting back to the first value on the list.

[DrDoc]

just add

selected="selected"

to the option you want as default

[dcrombie]

<FORM method="GET" name="testForm" action="test.asp" > 
<SELECT name="month" onChange="this.form.submit();"> 
 <OPTION value="6">June</OPTION> 
 <OPTION value="7">July</OPTION> 
 <OPTION value="8">August</OPTION> 
</SELECT> 
</FORM>

If you want to set an option to selected using JavaScript, you'll need to:

1) parse the query-string to get the value of "month"; then
2) set document.testForm.months.selectedIndex to the item you want selected (index starts at 0).