HTML/JavaScript重定向_Javascript_Html

HTML/JavaScript重定向

javascript html

HTML/JavaScript重定向,javascript,html,Javascript,Html,我有这样的代码，我想重定向到一个新的html页面相同的页面，但我不能这样做。代码是用于形式的 html页面与我同在请帮忙 <form class="white-pink" align="center" name="myForms" method="post"> <h1>Search Form <span>Please Find the car in the fields.</span&g

我有这样的代码，我想重定向到一个新的html页面相同的页面，但我不能这样做。代码是用于形式的 html页面与我同在请帮忙

<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>


函数validateForm（）
{var x=document.forms[“myForms”][“cars”].value；
开关（x）
{
案例“def”：
提醒（“请选择一家汽车公司”）；
打破
案例“本田”：
window.location=“honda.html”；
返回false；
打破
案例2：
x=“今天是星期二”；
打破
案例3：
x=“今天是星期三”；
打破
案例4：
x=“今天是星期四”；
打破
}
}

有一个下拉列表，在选择该值后，我将其重定向到所需的html页面

我认为您希望表单不被提交。您可以通过对按钮使用

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>


函数validateForm（e）
{       
e、 预防默认值（）；
var x=document.forms[“myForms”][“cars”].value；
开关（x）
{
案例“def”：
提醒（“请选择一家汽车公司”）；
打破
案例“本田”：
window.location=“honda.html”；
返回false；
打破
案例2：
x=“今天是星期二”；
打破
案例3：
x=“今天是星期三”；
打破
案例4：
x=“今天是星期四”；
打破
}
}

选择值后，我重定向到所需的html页面-尝试此操作，添加

onchange=“window.location.href=this.value；”


请选择一个名称
本田
现代
大众汽车
丰田

检查它：

<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>


样本页
搜索表
请在田野里找到那辆车。
搜索车：
请选择一个名称
本田
现代
大众汽车
丰田
函数validateForm（）
{var x=document.forms[“myForms”][“cars”].value；
开关（x）
{
案例“def”：
提醒（“请选择一家汽车公司”）；
打破
案例“本田”：
window.location.href=”http://www.honda.com"; 
打破
案例“现代”：
window.location.href=”http://www.hyundai.com"; 
打破
“大众汽车”案：
window.location.href=”http://www.volkswagon.com"; 
打破
案例“丰田”：
window.location.href=”http://www.toyota.com"; 
打破
}
}

Duplicate：这怎么会是重复的？这些问题完全无关。位置是.html文件替换：window.location.href=“test.html”；：）

<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>