Доброго времени маги JS
, снова я с нубскими вопросами...
Есть форма которая не работает так как мне нужно, а нужно срочно, потому решено сделать костылем:
<form method="get" action="">
<input type='text' name='age_min' id='age_min' class='age_min'>
<input type='text' name='age_max' id='age_max' class='age_max'>
<select name="height_min" id="height_min" >
<option value="150">150</option>
<option value="155">155</option>
<option value="160">160</option>
<option value="165">165</option>
<option value="170">170</option>
</select>
<select name="height_max" id="height_max" >
<option value="150">150</option>
<option value="155">155</option>
<option value="160">160</option>
<option value="165">165</option>
<option value="170">170</option>
</select>
<select name="lang" id="lang" >
<option value="RUS">RUS</option>
<option value="USA">USA</option>
</select>
<select name="country_40" id="country_40" >
<option value="RUS1">RUS</option>
<option value="USA1">USA</option>
</select>
<input type='text' name='keyword' id='keyword' class='keyword'>
<select name="per_page" id="per_page" >
<option value="1">1</option>
<option value="4">4</option>
<option value="8">8</option>
<option value="16">16</option>
<option value="20">20</option>
<option value="40">40</option>
</select>
<button>Искать</button>
</form>
на выходе получаю такой адрес:
http://site.com/ru/search?age_min=18...16&um_search=1
&um_search=1 - дописывается всегда в конце, так и должно быть, так и нужно...
Хочется получить введенные значения "на лету" и при нажатии на кнопку, сформировать собственно адрес по типу указанного выше и переадресовать человека на этой же странице по сформированному адресу, Очень важно, чтобы выбранные ранее данные после загрузки страницы снова ввелись в эту форму... что бы если например человек решит изменить один из пунктов в адресе сформировались все те же, что были и а те которые он изменил изменились....
Ума не приложу, как реализовать , help me pleace