使用javascript重定向到一個新的URL

Question

我想重定向我的頁面到不同的URL，具體取決於用戶從下拉列表中選擇。如果用戶選擇「A」，則url是表單的action屬性中的默認URL，但如果用戶選擇「B」，我想將其重定向到不同的url。

無論我做什麼，即使從下拉列表中選擇「B」，它也總是重定向到默認URL（即oldUrl.do）。

我能做些什麼將它指向newUrl.do？

注：我正在使用Struts 1.2並在IE8上測試它。

我的jsp頁面：

<form name="myForm" method="post" action="oldUrl.do" id="myForm"> 

    <select name="modeOfT" id="choice"><option value="A">A</option> 
     <option value="A">A</option> 
     <option value="B">B</option> 
    </select> 

    <input type="submit" name="submitBtn" onclick="submitForm()"> 
</form> 

JavaScript函數：

function submitForm(){ 
    var form = document.getElementById("myForm"); 
    var mode = document.getElementById("choice"); 
    if(mode.value == "B"){ 
     $(form).attr("action", "newUrl.do"); 
    } 
} 

以下是其他的東西我都試過，他們仍然帶我去 「oldUrl.do」：

1. docu ment.location.href（ 「newUrl.do」）;

2. window.location.href =「newUrl.do」;

3. top.location.href =「newUrl.do」;

4. parent.location.href =「newUrl.do」;

5. window.location.replace（「newUrl.do」）;

6. window.location =「newUrl.do」;

Answer 1

，你可以：

1. 在服務器發送一個HTTP /這取決於用戶選擇重定向頭在形式中。

2. 如果要在瀏覽器中處理重定向，請使用「onsubmit」屬性，並返回false值。您可以使用window.location = <URL>;

   <form onsubmit="return myJSFunc()" .. > 
       ... 
       <input type="submit"> 
   </form> 
   

Answer 2

將<submit>變成正常的<button>。

在submitForm（）函數，在年底，致電：

document.forms["myForm"].submit(); 

Answer 3

你不應該處理click事件處理函數中這個重定向。爲了應對提交你應該使用提交事件，這和許多其他原因（人們可以使用進入，他們可以打空間，同時注重在提交按鈕）

動作示例的形式http://jsfiddle.net/xv3Uf/2/

HTML

<form name="myForm" method="post" action="oldUrl.do" id="myForm" onsubmit="return submitForm()" > 

JS

function submitForm(){ 
    var form = document.getElementById("myForm"); 
    var mode = document.getElementById("choice"); 
    if(mode.value == "B"){ 
     form.action = "newUrl.do"; 
    } 
} 

由於您已經在使用jQuery，爲什麼不喝酒，並停止在HTML中設置JS處理程序的啓蒙前練習？ http://jsfiddle.net/xv3Uf/3/

<form name="myForm" method="post" action="oldUrl.do" id="myForm"> 

JS

$('#myForm').submit(function(e){ 
    if ($('#choice').val() === 'B') { 
     this.action = 'newUrl.do' 
    } 
});