Javascript - 自定义 url 取决于所选选项答案

【问题标题】：Javascript - custom url depending on selected optionJavascript - 自定义 url 取决于所选选项
【发布时间】：2015-01-14 15:00:29
【问题描述】：

<form name="myform" action="#" method="post">
        <div class="col-md-4">
            <div class="col-md-4 desc">Naziv marke: </div>
            <div class="col-md-8">
                <select class="form-control" id="brandovi">
                    <option value="AllBrands" selected>Sve marke</option>
                    <option value="Dunlop">Dunlop</option>  
                    <option value="Fulda">Fulda</option>    
                    <option value="Goodyear">Goodyear</option>  
                    <option value="Sava">Sava</option>          
                </select>
            </div>
        </div>
        <div class="col-md-2">
            <div class="btn-group">
                <input type="radio" autocomplete="off" name="season" value="Summer"> <img width="20" src="img/ikone/summer.png" />
                <input type="radio" autocomplete="off" name="season" value="AllSeason"> <img width="20" src="img/ikone/allSeason.png" />
                <input type="radio" autocomplete="off" name="season" value="Winter"> <img width="20" src="img/ikone/winter.png" />
            </div>
        </div>
        <div class="col-md-4">
            <div class="col-md-4 desc">Tip vozila:</div>
            <div class="col-md-8">
                <select class="form-control">
                    <option value="AllTypes"> Sve vrste </option>
                    <option value="fourxfour"> 4x4</option>
                </select>
            </div>
        </div>
        <div class="col-md-2 text-right">
            <input type="submit" name="submit" value="Traži"/>
        </div>
    </form>

我在 HTML 中有这个，所以我需要 javascript 代码来根据所选值输出自定义 URL

网址示例

http://link.com/?brandovi=sava&sezona=zima&vrstaVozila=4x4

我尝试了几个 JS 代码，但我无法做到。请帮忙。

【问题讨论】：

请向我们展示您尝试过的一些代码...但基本上如果您使用 GET 而不是 POST，请使用正确的名称调整您的 html 并将您的 action 更改为“@987654321 @" ，它会做的伎俩......
我只尝试了我在互联网上找到的那些，这是我第一次使用 javascript，所以我不太了解。
所以我想是时候来这里展示一些代码了，当你尝试过......这就是你学习的方式:-)
我自定义了这个，但它适用于选择的更改，我想更改按钮单击。这只是一个选择选项，我想选择三个。

标签： javascript url select parameters

【解决方案1】：

我解决了这个问题：D

解决办法

<script type="text/javascript">
function submitUrl(form){
    var brandovi = document.getElementById("brandovi");
    var brand = brandovi.options[brandovi.selectedIndex].value;
    var vrsteVozila = document.getElementById("vrsteVozila");
    var vrsta = vrsteVozila.options[vrsteVozila.selectedIndex].value;

    var radios = document.getElementsByName('season');

    for (var i = 0, length = radios.length; i < length; i++) {
    if (radios[i].checked) {
    var sezona = radios[i].value;
}
    else{
        var sezona = '';
    }
}  
    window.location = 'http://localhost/wordpress/' +  '?brandovi=' + brand + '&sezona=' + sezona + '&vrstaVozila=' + vrsta;
}

【讨论】：