Double Dropdown Lists for navigation

I want to be able to go to the /state1/widgets.htm page...

[Kenton]

Hi

I have a form with 2 drop down lists (one for state and one for product) and I want to use them to navigate around my site.

so far I have:
<form name="RegionProduct" method="get" action="">
<select name="region" size="1" >
<option selected value="">Select your region</option>
<option value="state_1/">state 1</option>
<option value="state_2/">state 2</option>
</select>
<select name="service" size="1" >
<option selected value="index.htm">Select service</option>
<option value="widgets.htm">Widgets</option>
<option value="wodgets.htm">Wodgets</option>
</select>
<input name="button" type="button" onClick="document.location = document.RegionProduct.region.options [document.RegionProduct.region.selectedIndex].value;"

Now I need to append ...
"document.RegionProduct.service.options
[document.RegionProduct.service.selectedIndex].value;"
value="Select">

... so that it goes to the correct directory/product page. ... probably a basic question I know, but how?

Oh and to make matters worse, I don't want to use JS.

Any help would be greatly appreciated.
Kenton

[Kenton]

<quote>Oh and to make matters worse, I don't want to use JS.</quote>

Have I already used JScript with the onClick command?

Kenton