基于选择选项元素重定向形式不同的URL(Redirect form to different URL

新的JavaScript寻求一些帮助。 我有一个选择下拉与5个选项的形式。 选项1选项2选项3选项选项5'

我需要有如果任何选项从选项1这应该是在页面加载默认的选择除了重定向到另一个网址的形式。

先感谢您

我只用了以下

<form action="" id="main" name="main" method="get" onChange="top.location.href=this.options[this.selectedIndex].value;" value="GO">

<select id="Region" name="Region" tabindex="7">
   <option value="/url">Option1</option>
   <option value="/url">Option2</option>
   <option value="/url">Option3</option>
   <option value="/url>Option4</option>
   <option value="" selected="selected">Option5</option>'
</select>

Answer 1:

只需使用一个onchnage Event的选择框。

<select id="selectbox" name="" onchange="javascript:location.href = this.value;">
    <option value="https://www.yahoo.com/" selected>Option1</option>
    <option value="https://www.google.co.in/">Option2</option>
    <option value="https://www.gmail.com/">Option3</option>

</select>

如果在页面加载时进行加载所选的选项，然后添加一些JavaScript代码

<script type="text/javascript">
    window.onload = function(){
        location.href=document.getElementById("selectbox").value;
    }       
</script>

jQuery的：删除从onchange事件<select>标签

jQuery(function () {
    // remove the below comment in case you need chnage on document ready
    // location.href=jQuery("#selectbox").val(); 
    jQuery("#selectbox").change(function () {
        location.href = jQuery(this).val();
    })
})

Answer 2:

你可以使用这个简单的方法

<select onchange="location = this.value;">
                <option value="/finished">Finished</option>
                <option value="/break">Break</option>
                <option value="/issue">Issues</option>
                <option value="/downtime">Downtime</option>
</select>

会重定向到URL路由你可以直接为.html页面或直接到一些链接只是改变value的选项。

Answer 3:

这可以通过在选择控制的onchange事件添加代码存档。

例如：

<select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
    <option value="http://gmail.com">Gmail</option>
    <option value="http://youtube.com">Youtube</option>
</select>

文章来源: Redirect form to different URL based on select option element