Question

我有一个选择框，用户需要在表格中选择一些内容。对于第一个选项，行为正常，但最后两个选项需要在用户选择它们时将用户重定向到另一个页面。

到目前为止我有这个

<script>
function redirect(what) {
var index = what.selectedIndex;
var value = what.options[index].value;

if (value != 7) return;
window.location.href='http://www.example.com';
}
</script>

但现在我需要添加另一个重定向。

如果用户选择选项7，则重定向到example.com 如果用户选择选项8，则重定向到google.com

我该怎么做？

Answer 1

if (value != 7 && value != 8) return;
    if (value == 7){
        window.location.href='http://www.example.com';
    }else if (value == 8){
        window.location.href='http://www.example.com/2';
    }
}

Answer 2

你可以尝试

var mapURLs = {
    7: 'http://www.example.com',
    8: 'http://www.example.com/foobar'
};
function redirect(what) {
    var value = what.value;
    if (!mapURLs.hasOwnProperty(value)) return;
    window.location.href = mapURLs[value];
}

Answer 3

您可以尝试这样的事情（Example）：

<强> HTML：

<select id = 'sel'>
    <option value='http://google.com'>Google</option>
    <option value='http://yahoo.com'>Yahoo</option>
</select>

JS：

document.getElementById('sel').onchange = function() {
    window.location.href = this.options[this.selectedIndex].value;
}

重定向选择框的特定选项

3 个答案: