Question

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

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

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

实施例

用户在第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

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

来源PAge

 $(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')

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

实施例

第1页的代码：

第2页的代码：

1 个答案: