根據選擇選項元素將表單重定向到不同的URL

JavaScript新手尋求一些幫助。我有一個帶有5個選項的選擇下拉菜單。選項1 選項2 2選項 3選項選項5' 根據選擇選項元素將表單重定向到不同的URL

我需要如果任何選項從選項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>

來源

2012-09-12 user1400854

必須至少有3,534,153個教程和關於如何做到這一點的SO帖子。 –

只需使用一個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的：從<select>標籤取下onchange事件

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(); 
    }) 
})

來源

2012-09-12 14:20:33

如果我只想用jQuery實現相同的結果？ – user1400854

@ user1400854：編輯答案。 –

可以使用這種簡單的方式

<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即可。

來源

2017-04-07 05:52:51 kumbhanibhavesh

根據選擇選項元素將表單重定向到不同的URL

回答

相關問題