Query string in a form action

[steveorg]

I have a form issue. I hope that the JavaScript forum is the appropriate place for the question.

The form has a select field that results in the user being forwarded to a URL. Here's the code:

<form action="http://somedomain.com?id1=test&amp;">
<select name="type" onchange="this.form.submit()">
<option value="FirstChoice">Choice 1</option>
<option value="SecondChoice">Choice 2</option>
<option value="ThirdChoice">Choice 3</option>
</select></form>

I'm expecting the result to look like this:
http://somedomain.com?id1=test&type=FirstChoice

However the result is this:
http://somedomain.com?type=FirstChoice

Does anyone know how I can get the desired result? Thanks.

Steve

[justinbezanson]

give this a try

<form action="http://somedomain.com?id1=test;" method="post">
<select name="type" onchange="SubmitForm(this)">
<option value="FirstChoice">Choice 1</option>
<option value="SecondChoice">Choice 2</option>
<option value="ThirdChoice">Choice 3</option>
</select></form>
<script type="text/javascript">
	function SubmitForm(select) {
		var form = select.form;
		var action = form.action;
		var choice = select.options[select.selectedIndex].value;
		action += "&type=" + choice;
		form.action = action;
		form.submit();
	}
</script>

[steveorg]

Justin - magnificent! Thanks.