HTML/JavaScript重定向

我有這段代碼，我想將同一頁面重定向到一個新的html頁面，但我不能這樣做。該代碼是形式 HTML頁面與我請幫助HTML/JavaScript重定向

<form class="white-pink" align="center" name="myForms" method="post"> 
      <h1>Search Form 
        <span>Please Find the car in the fields.</span> 
       </h1> 
       <label> 
        <span>Search Car :</span> 
       <select name="cars"> 
        <option value="def" disabled="disabled" selected="selected">Please select a name</option>  
        <option value="honda">Honda</option> 
        <option value="hyundai">Hyundai</option> 
        <option value="volkswagon">VolksWagon</option> 
        <option value="toyota">Toyota</option> 
       </select> 
      </label> 

      <label> 
        <input type="submit" name="s1" value="Search" class="button" onclick="validateForm();"/> 
      </label> 
     </form>

和JavaScript的：

<script> 
     function validateForm() 
     {  var x=document.forms["myForms"]["cars"].value; 
       switch (x) 
       { 
        case "def": 
         alert("Please choose a Car Compony"); 
          break; 
        case "honda": 
          window.location = "honda.html"; 
         return false; 
          break; 
        case 2: 
          x="Today is Tuesday"; 
          break; 
        case 3: 
          x="Today is Wednesday"; 
          break; 
        case 4: 
          x="Today is Thursday"; 
          break; 
       } 


     } 
    </script>

有一個下拉列表，其中，選擇該值後，我重定向到需要html頁面

來源

2014-04-25 user2500367

Duplicate：http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery-javascript – Justinas

這是如何重複？這些問題完全不相關。 – Banana

選擇我重定向到所需的HTML頁面的值之後做到這一點 - 試試這個，添加onchange="window.location.href=this.value;"

  <select name="cars" onchange="window.location.href=this.value;"> 
       <option value="def" disabled="disabled" selected="selected">Please select a name</option>  
       <option value="yourpath/honda.html">Honda</option> 
       <option value="hyundai.html">Hyundai</option> 
       <option value="volkswagon.html">VolksWagon</option> 
       <option value="toyota.html">Toyota</option> 
      </select>

來源

2014-04-25 07:05:21

This Works，Thanks – user2500367

我想你想要表單不被提交。您可以通過使用type="button"的按鈕，而不是type="submit"

實現它，也可以使用JS

<script> 
     function validateForm(e) 
     {  
       e.preventDefault(); 
       var x=document.forms["myForms"]["cars"].value; 
       switch (x) 
       { 
        case "def": 
         alert("Please choose a Car Compony"); 
          break; 
        case "honda": 
          window.location = "honda.html"; 
         return false; 
          break; 
        case 2: 
          x="Today is Tuesday"; 
          break; 
        case 3: 
          x="Today is Wednesday"; 
          break; 
        case 4: 
          x="Today is Thursday"; 
          break; 
       } 


     } 
    </script>

來源

2014-04-25 07:04:12

一下：

<html> 
<head> Sample page </head> 
<body> 
<form class="white-pink" align="center" name="myForms" method="post"> 
      <h1>Search Form 
        <span>Please Find the car in the fields.</span> 
       </h1> 
       <label> 
        <span>Search Car :</span> 
       <select name="cars"> 
        <option value="def" disabled="disabled" selected="selected">Please select a name</option>  
        <option value="honda">Honda</option> 
        <option value="hyundai">Hyundai</option> 
        <option value="volkswagon">VolksWagon</option> 
        <option value="toyota">Toyota</option> 
       </select> 
      </label> 

      <label> 
        <input type="button" name="s1" value="Search" class="button" onclick="validateForm();"/> 
      </label> 
     </form> 
<script> 
     function validateForm() 
     {  var x=document.forms["myForms"]["cars"].value; 
       switch (x) 
       { 
        case "def": 
         alert("Please choose a Car Compony"); 
          break; 
        case "honda": 
          window.location.href = "http://www.honda.com"; 
          break; 
        case "hyundai": 
          window.location.href = "http://www.hyundai.com"; 
          break; 
        case "volkswagon": 
          window.location.href = "http://www.volkswagon.com"; 
          break; 
        case "toyota": 
          window.location.href = "http://www.toyota.com"; 
          break; 
       } 
     } 
    </script> 
</body> 
</html>

來源

2014-04-25 07:14:27 anik4e

the location is .html files – user2500367

Replace：window.location.href =「test.html」; :) – anik4e

HTML/JavaScript重定向

回答

相關問題