我想使用 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>
最佳答案
您可以使用查询字符串传递
来源页面
$(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')
关于javascript - 使用 jQuery 将输入值从一页传递到新页面上的输入值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20870213/