Как сгенерировать ссылку исходя из выбранных пунктов в select?

Question

[Михаил Губер]

Здравствуйте! Подскажите, пожалуйста, как сгенерировать ссылку на JS, исходя из выбранных пунктов в select.
Пример кода на html

<select id="main1">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
 </select>
<select id="main2">
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
 </select>
<select id="main3">
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
 </select>

Например, выбраны пункты 1, 5 и 9.
После того, как они будут выбраны появляется ссылка вида:
<a href="http://site/com/1/5/9">

Answer 1

[Dark_Scorpion]

Чем form не подходит?
Он в зависимости от выбранных инпутов и чекбоксов по параметру name формирует запрос c параметрами выбранными пользователем.

<form action="/com">
<select id="main1" name="main1">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
 </select>
<select id="main2" name="main2">
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6</option>
 </select>
<select id="main3" name="main3">
          <option value="7">7</option>
          <option value="8">8</option>
          <option value="9">9</option>
 </select>
<input type="submit">
</form>
В итоге получите запрос http://site/com?main1=1&main2=5&main3=9

Answer 2

[Михаил Чирский]

Как то так, ну это решение на статические данные и кол-во инпутов, селектов. Если будет что то серьезнее, нужно будет писать либо плагин, либо взять что то готовое

https://jsfiddle.net/qjgzdgoo/

Чтобы увидеть результат, после каждого выбранного значения наводите на ссылку, чтобы увидеть ее URL