Question

我只学习过HTML，CSS，JavaScript和jQuery，我想使用我所知道的语言从我的form到我的index页面中的值，该页面位于不同的文件中。这是我的表格：

<form action="../index/index.html" method="GET">
  <label for="name">Name :</label>
  <input type="text" name="name" id="name" required>
  <label for="email">Email :</label>
  <input type="text" name="email" id="email" placeholder="eg.yourname@gmail.com" required>
  <input type="submit" name="submit" id="submit">
</form>

当用户按下#name按钮时，我希望用户在索引的input标签的div submit中提交的值（此div类sing-in）。

两个页面都有自己的JavaScript和CSS，因此如果我将表单所在页面的JavaScript导入到我的index页面中，那么我猜这两个页面都会弄乱。因此，我想做到这一点而无需导入JavaScript，而只是将另一个页面的值带入我的索引页面。谢谢。

Answer 1

提交表单并重新定向到索引页面时，表单的值将作为GET参数放在url的末尾。

示例网址：localhost:80/index/index.html?name=Eddie&email=eddie@gmail.com

要读取GET参数，可以使用以下代码：

var urlString = window.location.href
var url = new URL(urlString);
var name = url.searchParams.get("name");
var email = url.searchParams.get("email");
//Check if name and email are set

确保检查名称和电子邮件是否已在index.html中实际设置

Answer 2

您可以像这样从中获取值：

如果这是表格

<form action="../index/index.html" method="GET">
  <label for="name">Name :</label>
  <input type="text" name="name" id="name" required>
  <label for="email">Email :</label>
  <input type="text" name="email" id="email" placeholder="eg.yourname@gmail.com" required>
  <input type="submit" name="submit" id="submit">
</form>


var name = document.getElementById('name').value;
var email =  document.getElementById('email').value;

或在jQuery中


var name = $('#name').val();
var email = $('#email').val();

看看： https://www.w3schools.com/jsref/prop_text_value.asp

这可能对您有帮助

如何使用JavaScript从第1页的表单中的值获取另一个页面的值？

2 个答案: