在下一个网页上将一个表单的值传输到另一个表单

时间:2016-04-23 16:58:08

标签: javascript forms dom get webpage

我正在预订网站,其中前两页的表格几乎相同。具有相同形式的要点是用户可以再次搜索他是否想要一些不同的结果 那么如何在第一页上将表单输入转移到下一页的另一个表单? 我确实尝试过location.search但这给了我一些复杂的输入。 就像我在第一页上选择了18岁作为我的年龄一样,它应该在另一个页面上进行。 注意:我在不同的网页上有类似的两种形式的输入类型ID,因为我必须继承一些对象。

1 个答案:

答案 0 :(得分:0)

我认为使用javascript将数据从一个页面传输到另一个页面的最直接,最简单的方法是将表单设置为GET。然后,您可以从页面的URL中读取GET数据,然后根据需要显示/使用数据。

这是一个片段。

第1页(第1.html页)

<html>
  <head>
    <title>Page 1</title>
  </head>
  <body>
    <form action="page2.html" method="GET">
      <input type="text" name="name" />
      <input type="submit" />
    </form>
  </body>
</html>

第2页(第2页)

<html>
  <head>
    <title>Page 2</title>
  </head>
  <body>
    <span id="data"></span>
    <script type="text/javascript">
      function getParameterByName(name, url) {
        if (!url) url = window.location.href;
        name = name.replace(/[\[\]]/g, "\\$&");
        var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
            results = regex.exec(url);
        if (!results) return null;
        if (!results[2]) return '';
        return decodeURIComponent(results[2].replace(/\+/g, " "));
      }
      document.getElementById("data").innerHTML=getParameterByName('name');
    </script>
  </body>
</html>

P.S。我从here

获得了getParameterByName函数