Select Onchange problem.

[martinipro]

I have a select statement that redirects to a different page when it is created.
I know this is not the best way of doing forms but this is the way I have to do it.
I am having problems adding the selected item from the select box to add it to the url.

This is the code I have:

<select onChange="window.location.href='stateSearch.jsp?stateId=this.options[this.selectedIndex].value'" name="StateId" >
  <option value="3">State 1</option>
  <option value="2">State 2</option>
  <option value="1">State 3</option>
</select>

As is now, the onchange part works and i get redirected; but the value for stateId in stateSearch.jsp is literally "this.options[this.selectedIndex].value"
as opposed to be the actual selected value.

Any Ideas on how I can fix this?

[thraddash]

Move the select elements value out of the string...

<select onchange="window.location.href='stateSearch.jsp?stateId=' + this.options[this.selectedIndex].value;" name="StateId" >
	<option value="3">State 1</option>
	<option value="2">State 2</option>
	<option value="1">State 3</option>
</select>

[Kor]

If not a multiple, the select element takes, automatically, the value of its selected option. Simplify as:

onchange="location.href='stateSearch.jsp?stateId=' + this.value;"