Как мне принять пользовательский ввод и ссылку на соответствующую HTML-страницу, используя JavaScript? - PullRequest
Новая
       4

Как мне принять пользовательский ввод и ссылку на соответствующую HTML-страницу, используя JavaScript?

0 голосов
/ 11 декабря 2018

Итак, у меня есть форма на моей HTML-странице и отдельная кнопка, которая ссылается на форму.Мой вопрос: когда пользователь вводит определенный ввод (в данном случае строку) и нажимает на кнопку, как мне подключить пользователя к другой HTML-странице на основе соответствующего ввода пользователя из формы?Я знаю, что должен использовать javascript, но любой конкретный код будет чрезвычайно полезным.Спасибо!

ДОБАВЛЕН МОЙ КОД: 

<!doctype html>
<html>
<head>
    <title>Home</title>
    </head>

    <body>
            <form id = "user-info" onSubmit="myFunction()">
                <div class = "favorite-fruit">
                    <p>Enter your favorite fruit<br></p>
                        <input type="text" name="fav-fruit" id = "fruit"><br>
                </div>
                <div class="favorite-vegetable">
                    <p>Enter your favorite vegetable<br></p>
                        <input type="text" name="fav-vegetable" id="vegetable">
                </div>
            </form>
            <a class = "confirm" onSubmit="myFunction()">
                <button form= "user-info" type="button" name= "confirm-input">Confirm</button>
            </a>
        </div>


        <script type="text/javascript">
            function myFunction(){
                var firstFruit = document.getElementById("fruit").innerHTML;
                var secondVegetable = document.getElementById("vegetable").innerHTML;
                var f = firstFruit;
                var s = secondVegetable;

                if(f.value == "Apple" && s.value == "Broccoli"){
                    //GO TO "appleBroccoli.html"
                }
                else if(f.value == "Grapes" && s.value == "Carrots"){
                    //GO TO "grapesCarrots.html"
                }
                else if(f.value == "Strawberry" && s.value == "Kale"){
                    //GO TO "strawberryKale.html"
                }



            }



        </script>
      </body>
</html>

Ответы [ 2 ]

0 голосов
/ 11 декабря 2018

Ваша форма, пользовательская информация не имеет кнопки отправки

добавить <input type = 'submit' name='conform'>Confirm</input> внутри формы

Установить действие и метод для формы для соответствующей целевой HTML-страницы. 

<form action='..target html' method ='get'>
</form>

Если ввод - brocolli, вы можете изменить действие формы как 

document.getElementById('user-info').action = <new target>
0 голосов
/ 11 декабря 2018

Это можно сделать, взяв значение входного тега, например: - 

var value = $(element).val();

Затем сбросив атрибут действия тега формы с новым значением, например: - 

$(formElem).attr("action",value+".html")

Думаю, это поможет тебе ..

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...