javascript - 如何使用 JavaScript 获取用户输入并链接到相应的 HTML 页面？-6ren

javascript - 如何使用 JavaScript 获取用户输入并链接到相应的 HTML 页面？

转载作者：行者123 更新时间：2023-12-01 01:26:34

25

4

因此，我的 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>

最佳答案

可以通过获取输入标记的值来完成，例如:-

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

然后使用新值重置表单标记的操作属性，例如:-

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

我想这会对你有帮助..

关于javascript - 如何使用 JavaScript 获取用户输入并链接到相应的 HTML 页面？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53717574/

25

4

0

文章推荐： javascript - 使用 javascript 创建累积对象

文章推荐： c - 用于识别 C 中变量声明的正则表达式

文章推荐： jquery - Backbone js bindAll/bind 与 jQuery on

java - 相应 try 语句的主体中永远不会抛出异常
我在 Java 中遇到异常处理问题，这是我的代码。当我尝试运行此行时出现编译器错误:throw new MojException("Bledne dane");。错误是: exception MojE
javascript - 如何在选中 asp.net、c# 中 tabcontainer 中的复选框时启用附近(相应)文本框
我刚刚开始学习asp.net。在你们的支持下，我希望我能从这个论坛学到更多东西。我的问题是，我在 asp.net 页面中有一个 TabContainer1，因为每个选项卡面板中有多个类似 (60)

首页

博学

6Ren·AI

商城

javascript - 如何使用 JavaScript 获取用户输入并链接到相应的 HTML 页面？