猿问

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

我的主页中有一个用于输入用户电子邮件地址的字段和一个按钮。用户输入电子邮件并点击按钮后，它应该重定向到注册页面并自动填充注册表单的电子邮件字段值。我知道如何在 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">


慕斯709654
浏览 68回答 1
1回答

婷婷同学_

您的主页应将值传递给 a，session如下所示：<html>&nbsp; &nbsp; &nbsp;<head>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>&nbsp; &nbsp; &nbsp;</head>&nbsp; &nbsp; &nbsp;<body>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input type="email" id="valbox"&nbsp; class="text-box form-control" style="max-width: 200px;" placeholder="Enter Your Email Id" required>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <button type="submit" id="butval" class="btn btn-default rounded subscribe px-5 ml-4 float-left">SUBMIT</button>&nbsp; &nbsp; &nbsp;</body>&nbsp; &nbsp; &nbsp;<script>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$('#butval').on('click', function(){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let text = $('#valbox').val();&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; if(!text){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;alert("Please enter your email")&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }else{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;sessionStorage.setItem("email", text);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;window.location.replace("login.html");&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;})&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp;</script></html>然后，您的注册页面将检索它并将其设置为电子邮件输入的值：<html>&nbsp; &nbsp; &nbsp;<head>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>&nbsp; &nbsp; &nbsp;</head>&nbsp; &nbsp; &nbsp;<body>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input id="email" type="email" class="form-control " name="email" value="" required autocomplete="email">&nbsp; &nbsp; &nbsp;</body>&nbsp; &nbsp; &nbsp;<script>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; $(function() {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$('#email').val(sessionStorage.getItem("email"));&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp;</script></html>
0
随时随地看视频慕课网APP

相关分类

Html5
我要回答