jquery - jQuery和表单值onchange函数调用？

Question

我需要一个表单选择来触发一个 jquery 函数并启动链接。

<form>
<select onchange="drop_down(this.value)">
    <option value="http:google.com">Google</option>
    <option value="http:yahoo.com">Yahoo</option>
    <option value="http:bing.com">Bing</option>
    <option value="http:msn.com">MSN</option>
</select>

<script>
function drop_down(value){
    document.location = this.value;
}
</script>

Answer 1

将您的标记更改为：

<select onchange="drop_down(this.value)">
    <option value="http://www.google.com">Google</option>
    <option value="http://www.yahoo.com">Yahoo</option>
    <option value="http://www.bing.com">Bing</option>
    <option value="http://www.msn.com">MSN</option>
</select>

和你的脚本：

function drop_down(value) {
   location.href = value;
}

http://jsfiddle.net/ZF9gF/

Answer 2

window.location 将重定向访问者：

function drop_down(value){
    window.location = value;
}

Answer 3

DEMO — 下面是在jQuery中的操作方法。

<script>
$(function(){
    $('select').on('change', function(){
        location.href = $(this).val();
    });
});
</script>

<select>
    <option value="http://www.google.com">Google</option>
    <option value="http://www.yahoo.com">Yahoo</option>
    <option value="http://www.bing.com">Bing</option>
    <option value="http://www.msn.com">MSN</option>
</select>

Answer 4

<script type="text/javascript">
function drop_down(value) {
 window.location.replace(value);
 }
 </script>


<select onchange="drop_down(this.value)">
<option value="https://www.google.com/">Google</option>
<option value="https://www.yahoo.com/">Yahoo</option>
<option value="http://www.bing.com/">Bing</option>
<option value="http://www.msn.com/">MSN</option>
</select>

这对我有用。让我知道它是否对你有用.......