I use a form with GET method to add parameter to my url.
However I have a problem.
I use different forms to put different parameters in the URL.
But when I select the first one, and it is in the URL, and I select another one, the first one goes away.
How do I solve this?
<form action="" method="GET">
<select name="course" data-placeholder="Kies een vak..." class="chzn-select" tabindex="2" onchange="this.form.submit();">
<option value=""></option>
<option value="0">Alles</option>
<option value="1">Markten & Prijzen</option>
<option value="2">Wiskunde</option>
<option value="3">Marketing</option>
</select>
</form>
<form action="" method="GET">
<select name="price" data-placeholder="Prijscategorie..." class="chzn-select" tabindex="2" onchange="this.form.submit();">
<option value=""></option>
<option value="0">Alles</option>
<option value="2">< 2 euro</option>
<option value="4">< 4 euro</option>
<option value="6">< 6 euro</option>
<option value="8">< 8 euro</option>
<option value="10">< 10 euro</option>
</select>
</form>
You can combine the forms and replace the onchange with a submit button:
If you want the onchange you can do this: