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

Question

[DocTypeMaster]

Подскажите как сделать так чтобы при выборе какого либо из пунктов селекта, в ссылку либо в батн попадало значение value этого options

<form class="form-inline clearfix" >
              <select class="select">
                <option value="https://мой сайт/cart.php?a=add&pid=10&carttpl=pure_comparison" >Вариант1</option>
                <option value="">Вариант2</option>
                <option value="">Вариант3</option>
                <option value="">Вариант4</option>
              </select>

              <button style="width: 30%!important;" type="submit" class="btn btn-default pull-right">Получить</button>

            </form>

по клику на получить должен буть переход по той ссылке что стоит в значении value

Comments

[ThunderCat]

Где то тут должен быть код который вы пробовали написать, но он видимо случайно пропал...

[DocTypeMaster]

ThunderCat, код я оставил в описании.

[DocTypeMaster]

ThunderCat,

<form class="form-inline clearfix" >
<select class="select">
<option value="https://мой сайт/" >Вариант1</option>
<option value="">Вариант2</option>
<option value="">Вариант3</option>
 <option value="">Вариант4</option>
</select>
<button type="submit" class="btn">Получить</button>
 </form>

[ThunderCat]

DocTypeMaster, Предполагается что прежде чем писать сюда вы попробовали что-то самостоятельно создать и у вас не получилось. Обычно готовые решения в качестве ответов тут не приветствуются...

Answer 1

[Олег]

$(document).ready(function() {
    $("button").click(function(){
        var test = [];
        $.each($(".select option:selected"), function(){
            test.push($(this).val());
        });
        console.log(test.join(", "));
        $(location).attr('href',test.join(", "))
    });
});

Comments

[ThunderCat]

Лайк за $(document).ready , все почему то тупят что оно иначе не будет работать нормально.

[Олег]

ThunderCat, Как показывает практика, тупят те, в большинстве, кто подключает библиотеку не по йеншую ;)

Answer 2

[Danny Arty]

Задайте ID форме и селекту и добавьте action="". Вот пример скрипта для ID=myform и ID=myselect соответственно:

document.getElementById('myform').myselect.onchange = function() {
    var newaction = this.value;
    document.getElementById('myform').action = newaction;
};

Comments

[DocTypeMaster]

тоже не работает

[Danny Arty]

DocTypeMaster, хм, у меня все сработало. Тогда попробуйте так:
добавить onchange='changeAction(this.value)' в
<select class="select">
и вот этот скрипт на страницу:

function changeAction(val){
    document.getElementById('myform').setAttribute('action', val);
}

Answer 3

[DocTypeMaster]

<script>

            document.getElementById('myform').myselect.onchange = function() {
                var newaction = this.value;
                document.getElementById('myform').action = newaction;
            };
            </script>
            <form class="form-inline clearfix" action="" id="myform">
              <select id="myselect ">
                <option value="https://мой сайт/cart.php?a=add&pid=10&carttpl=pure_comparison" >Стартовый тариф на 7 днів</option>
                <option value="https://мой сайт/cart.php?a=add&pid=11&carttpl=pure_comparison">Сильний тариф на 7 днів</option>
                <option value="https://мой сайт/cart.php?a=add&pid=12&carttpl=pure_comparison">Потужний тариф на 7 днів</option>
                <option value="https://мой сайт/cart.php?a=add&pid=13&carttpl=pure_comparison">VIP тариф на 7 днів</option>
              </select>

              <button style="width: 30%!important;" type="submit" class="btn btn-default pull-right">Отримати</button>

            </form>