Как реализовать что б от выбора селекта менялась ссылка?

Есть 4 селект и 1 button, все это скреплено в форм

<select>
 <option>Тип недвижимости</option>
 <option>Дом</option>
 <option>Квартира</option>
</select>

<select>
 <option>Тип сделки</option>
 <option>Продажа</option>
 <option>Аренда</option>
</select>

<select>
 <option>Комнат</option>
 <option>1</option>
 <option>2</option>
</select>

<select>
 <option>Город</option>
 <option>Москва</option>
 <option>Питер</option>
</select>

в зависимости от выбора первого селекта менялось это значение в ссылке ( /shop/villa-dom;f_other1=0J_RgNC-0LTQsNC20LA;f_other3=0KHQsNGA0LDQvdC00LA;f_other2=OA)

Каждому option принадлежит свое значение (например (option) Москва (/option) если выбрано, то к ссылке прибавляется ;f_other3=0KHQsNGA0LDQvdC00LA , если (option)Питер(/option) то ;f_other3=AKHQsNGAGVAdC00LC
/shop/villa-dom;f_other1=FWFMCA;f_other3=0KHQsNGA0LDQvdC00LA;f_other2=OA

Если (option)Продажа(/option) то к ссылке прибавляется ;f_other1=FWFMCA
/shop/villa-dom;f_other1=FWFMCA;f_other3=0KHQsNGA0LDQvdC00LA;f_other2=OA

и то-же самое к селекту с выбором комнат

Те значения, которые после = они у меня есть, списочек символьный, каждому option, надо как то свои символы присвоить

После выбора всех option при клике на кнопку должно переходить по уже сформированной ссылке
например:
/shop/villa-dom;f_other1=0J_RgNC-0LTQsNC20LA;f_other3=0KHQsNGA0LDQvdC00LA;f_other2=OA