如何使用 JQuery 从另一个页面上的文本字段值单击按钮时填充不同页面的文本字段？答案

【问题标题】：How to populate a text field of a different page on button click from a text field value on another page using JQuery?如何使用 JQuery 从另一个页面上的文本字段值单击按钮时填充不同页面的文本字段？
【发布时间】：2020-07-05 18:17:06
【问题描述】：

我的主页中有一个输入用户电子邮件地址的字段和一个按钮。一旦用户输入电子邮件并点击按钮，它应该重定向到注册页面并自动填充注册表单的电子邮件字段值表单该值。我知道如何在 JQuery 中执行此操作，但问题是将值从一页发送到另一页...

主页：

<input type="email" id="valbox"  class="text-box form-control" style="max-width: 200px;"placeholder="Enter Your Email Id" required>
<button type="submit" id="butval" class="btn btn-default rounded subscribe px-5 ml-4 float-left">SUBMIT</button>

注册页面：

<input id="email" type="email" class="form-control " name="email" value="" required autocomplete="email">

【问题讨论】：

标签： javascript jquery html textfield

【解决方案1】：

您的主页应将值传递给session，如下所示：

<html>
     <head>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     </head>
     <body>
          <input type="email" id="valbox"  class="text-box form-control" style="max-width: 200px;" placeholder="Enter Your Email Id" required>
          <button type="submit" id="butval" class="btn btn-default rounded subscribe px-5 ml-4 float-left">SUBMIT</button>
     </body>
     <script>
          $(function() {
               $('#butval').on('click', function(){
                    let text = $('#valbox').val();
                    if(!text){
                         alert("Please enter your email")
                    }else{
                         sessionStorage.setItem("email", text);
                         window.location.replace("login.html");
                    }
               })
          });
     </script>
</html>

然后，您的注册页面将检索它并将其设置为电子邮件输入的值：

<html>
     <head>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
     </head>
     <body>
          <input id="email" type="email" class="form-control " name="email" value="" required autocomplete="email">
     </body>
     <script>
          $(function() {
               $('#email').val(sessionStorage.getItem("email"));
          });
     </script>
</html>

【讨论】：