根據選擇選項元素將表單重定向到不同的URL，但在我提交表單後

Question

我是JavaScript新手，並尋求一些幫助。我有一個帶有5個選項的選擇下拉菜單。

<form accept-charset="UTF-8" action="" method="post" onclick="javascript:location.href = this.value;"> 

<input id="name" name="name" size="30" type="text" value="Type your name"> 

<select id="option" name="Region" > 
    <option value="value1.html">Option1</option> 
    <option value="value2.html">Option2</option> 
    <option value="value3.html">Option3</option> 
    <option value="value3.html">Option4</option> 
    <option value="value3.html">Option5</option> 
</select> 

<input type="submit" id="submit" value="Submit"> 

</form> 

而且此Javascript：

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

我想這並不起作用重定向到我想後，我提交表單的頁面！有任何想法嗎？我需要這種形式才能工作，如果我可以用PHP或JavaScript來完成則無關緊要。

Answer 1

即使您有機會做出選擇，您的window.onload也會立即執行。

<form onsubmit="return mysubmit();"> 
<select id="option" name="Region" > 
    <option value="value1.html">Option1</option> 
    <option value="value2.html">Option2</option> 
    <option value="value3.html">Option3</option> 
    <option value="value3.html">Option4</option> 
    <option value="value3.html">Option5</option> 
</select> 

<input type="submit" id="submit" value="Submit"> 

</form> 

<script> 
function mysubmit(){ 
    //you can return false; here to prevent the form being submitted 
    //useful if you want to validate the form 

    window.location.href=document.getElementById('option').value; 
} 
</script>