Добавить selected и вывести значение value в input?
 

Добрый день. Есть обычная форма с двумя select:

<form class="container_form" name='add' action='search/?' method='GET'>
<div id="region">
  <select class="add" size="1">
<option value="0">Ваш выбор</option>
<option value="1">Амурская область</option>
<option value="2">Еврейская автономная область</option>
<option value="3">Камчатская область</option>
  </select>
</div>
<div id="cars">
  <select class="add" size="1">
<option value="0">Mazda</option>
<option value="10">Toyota</option>
<option value="11">BMW</option>
<option value="12">Honda</option>
  </select>
</div>
<input type='hidden' name='add_region' value=''/>
<input type='hidden' name='add_cars' value=''/>
</form>

Подскажите, как сделать так, чтобы при выборе option добавлялся к нему selected="" при этом в input value добавлялось число из выбранного option. Например:

<div id="region">
  <select class="add" size="1">
<option value="0">Ваш выбор</option>
<option value="1">Амурская область</option>
<option selected="" value="2">Еврейская автономная область</option>
<option value="3">Камчатская область</option>
  </select>
</div>
<div id="cars">
  <select class="add" size="1">
<option value="0">Mazda</option>
<option selected="" value="10">Toyota</option>
<option value="11">BMW</option>
<option value="12">Honda</option>
  </select>
</div>
<input type='hidden' name='add_region' value='2'/>
<input type='hidden' name='add_cars' value='10'/>
</form>

Никак, это делает система без нашего участия и зачем input type='hidden' дублирующие списки, если списки являясь элементами формы сами могут передавать свои значения серверу?