HTML / JavaScript Redirect

Question

HTML / JavaScript Redirect

0

У меня есть этот код, где я хочу перенаправить ту же страницу на новую страницу 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>

есть выпадающий список, для которого после выбора значения я перенаправляется на требуемую страницу html

user2500367 25 апр. 2014, в 09:16

Источник

1

Дубликат: stackoverflow.com/questions/503093/…
Justinas 25 апр. 2014, в 07:02
0

как это дубликат? эти вопросы совершенно не связаны.
Banana 25 апр. 2014, в 07:03

Теги:

javascript

html

3 ответа

0

Я думаю, вы хотите, чтобы форма не была представлена. Вы можете достичь этого, используя 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>

Selvaraj M A 25 апр. 2014, в 05:26

0

Проверь это:

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

anik4e 25 апр. 2014, в 04:32

0

расположение .html файлов
user2500367 25 апр. 2014, в 07:21
0

Заменить: window.location.href = "test.html"; :)
anik4e 25 апр. 2014, в 07:26

Ещё вопросы

как это дубликат? эти вопросы совершенно не связаны.

Krish R · Accepted Answer · 2014-04-25T04-36-00.000Z

после выбора значения я перенаправить на требуемую страницу 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>