Question

所以，我知道如何使用window.location.href="";

导航到javascript中的网址

但是我怎么能听到被选中的人？

例如，如果我的HTML看起来像这样：

<select>
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
</select>

我在javascript中尝试做的是，在选择新值时监听。然后在该活动中导航至http://somesite.com/optionThatWasChosen。

在伪代码中：

var optionChosen = null;
select.onChange{
    optionChosen = select.currentChosenOption;
    window.location.href = "http://someSite.com/"+optionChosen;
}

我如何在javascript或jQuery中执行此操作？

Answer 1

简而言之，指定您的选项值IE：

<option value="xxx">New option</option>

然后为您的选择创建onchange事件（请确保为您的列表提供ID，我们将在这种情况下使用test。）

纯JS（不需要jQuery）：

document.getElementById("test").onchange = function() {
     var selectedOption = this.value;
     window.location.href = "http://someSite.com/" + selectedOption;
}

Answer 2

解决方案将依赖于包含目标URL的数组并使用Jquery的index（）。这只是一个选择问题。

<select id="locs">
    <option>A</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
</select>

$(document).ready(function () {
    locations = Array(
        'http://yahoo.com',
        'http://google.com',
        'http://2index.net',
        'http://go.com'
    );
    $("#locs").change(function () {
        goto = locations[$("#locs>option:selected").index()];
        window.location.href = goto;
    })
});

现场演示Is Here!

导航到URL取决于在javascript中选择<select>中的<option> </select> </option>

2 个答案: