submit onChange using pretty url's
<p>i've already opened a question for this problem, but it was very bad formulated and because of that i did not get a good response.... so heres another try... hope it's ok</p>

<hr>

<p>i have a form with a selected tag and some options inside</p>

<pre><code>&lt;form&gt;
  &lt;select&gt;
     &lt;option selected="selected"&gt;&lt;/option&gt;
     &lt;option value="1" data-seourl="food-intake"&gt;Food intake&lt;/option&gt;
     &lt;option value="2" data-seourl="homemade-cake"&gt;Homemade cake&lt;/option&gt;
     &lt;option value="3" data-seourl="good-fruits"&gt;Good fruits&lt;/option&gt;
     &lt;option value="4" data-seourl="apple-type"&gt;Apple type&lt;/option&gt;
  &lt;/select&gt;
&lt;/form&gt;
</code></pre>

<p>When i select an option (onchange) i want to submit a friendly url to the server that ressembles this:</p>

<pre><code>http://www.mywebsite/kitchen/food-intake.1
http://www.mywebsite/kitchen/homenade-cake.2
...
</code></pre>

<p>instead of sending the default:</p>

<pre><code>http://mywebsite/kitchen/?category=1
http://mywebsite/kitchen/?category=2
</code></pre>

<p>I know how to use mod_rewrite, so that's not a problem. I need to understand how to submit a friendly url instead of the default?</p>

<p>Is javascript (jQuery in this case) the only solution or is there a native solution?</p>

<p>Thanks</p>
