javascript - 使用 jQuery 将输入值从一页传递到新页面上的输入值

Question

我想使用 jQuery 来完成此任务。任何帮助都感激不尽。我正在尝试做什么...

在第 1 页上，我有一个小表格。在第 2 页上，我有一个表单允许用户搜索值。

我正在创建一个快捷方式，供用户在第 1 页上输入常用搜索(姓氏)，然后在提交表单后，它将数据发送到第 2 页 并且还在第 2 页上进行搜索。

示例:

用户在第 1 页上输入姓氏“smith”，然后点击发送数据按钮。然后数据将发送到第 2 页。在第 2 页上，姓氏字段已填写，并且已单击搜索按钮。

<小时/>

第 1 页的代码:

<!-- PAGE 1 -->
<form action="/page2" method="post">
    <div>
    <label>last name</label>
    <input type="text" name="lastName" value="last name">
    </div>

    <div>
     <input type="submit" value="send data">                
    </div>
</form>

第 2 页的代码:

<!-- PAGE 2 -->
<form>
    <div>
    <label>last name search</label>
    <input type="text" name="lastName" value="last name">
    </div>

    <div>
     <input type="submit" value="search">                
    </div>
</form>

Answer 1

您可以使用查询字符串传递

来源页面

 $(function () {
        $("#submit").bind("click", function () {
            var url = "Page2.htm?lastName=" + encodeURIComponent($("#txtName").val());
            window.location.href = url;
        });
    });

在目标页面上检索查询字符串的值

var queryString = new Array();
    $(function () {
        if (queryString.length == 0) {
            if (window.location.search.split('?').length > 1) {
                var params = window.location.search.split('?')[1].split('&');
                for (var i = 0; i < params.length; i++) {
                    var key = params[i].split('=')[0];
                    var value = decodeURIComponent(params[i].split('=')[1]);
                    queryString[key] = value;
                }
            }
        }
        if (queryString["lastName"] != null) {
            var data = "";
            data += "<b>lastName:</b> " + queryString["name"];

        }
    });

更新

如果您想自动提交Page2，请放置以下代码

$('input[type="submit"]').one('click')