If I have a selection list like the one below:
<select name='languages'>
<option value='german'>German</option>
<option value='english'>English</option>
</select>
How can I use JavaScript/jQuery to refresh the page every time the user picks a language and add a Named parameter style at the end of the URL? For example, if the user selects german, the URL should look like this:
http://my_app/my_controller/my_action/language:select_option_value_for_german
If the user chooses english, the URL will be:
http://my_app/my_controller/my_action/language:select_option_value_for_english
Therefore, each time the user makes a new selection, the same page is refreshed with the named parameters appended to the end of the URL.
Important Note: I want the named parameters to only appear once per request, meaning I do not want them to repeat at the end of the URL like this:
http://my_app/my_controller/my_action/language:select_option_value_for_german/language:select_option_value_for_english
Any assistance on this matter would be greatly appreciated.
Thank you