jQuery和表单值onchange函数调用?

时间:2012-11-12 21:55:37

标签: jquery forms function option

我需要一个表单选择来触发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>

4 个答案:

答案 0 :(得分:2)

将您的标记更改为:

<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/

答案 1 :(得分:1)

window.location将重定向访问者:

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

答案 2 :(得分:0)

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>

答案 3 :(得分:0)

<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>

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