jquery - jQuery将上一页h3添加到当前页面输入值

Question

是否可以将上一页的 h3 添加到当前页面的输入值？我正在创建一个表单，并希望第一个输入值由前几页 h3 填充。

我有一个无序列表，每个列表项都有一个 h3，我想用它来填充输入值，每个列表项都有一个到表单的链接。因此，当单击该表单的链接时，列表项中的 h3 用于填充输入值。

这可能吗？

Answer 1

如果您希望访问信息，则需要将其存储在某个地方。您可以在客户端存储数据或使用查询字符串或主题标签通过链接传递数据。

在原始页面上

<a href="nextpage.php?h3=test">link</a>

在接收页面上，假设 PHP

<?
$heading = $_GET['h3'];
php echo '<input type="text">'.$heading.'</input>';
?>

编辑评论：对于愚蠢的 aspers 使用谷歌 ;) http://www.w3schools.com/asp/coll_querystring.asp

Answer 2

您需要在页面之间保持元素的值，有几种方法可以做到这一点：

在源页面中：

• 请求参数

  myLink.NavigateUrl = "~/MyTargetPage.aspx?d=" + GetCurrentH3Value();
  

• 会议

  Session["d"] = GetCurrentH3Value();
  

• 饼干

  Response.Cookies["d"].Value = GetCurrentH3Value();
  

在目标页面中：

• 请求参数

  var lastH3 = Server.HtmlEncode(Request.QueryString["d"]);
  

• 会议

  var lastH3 = Session["d"].ToString();
  

• 饼干

  var lastH3 = Request.Cookies["d"].Value;
  

Answer 3

仅使用 javascript (jQuery)：

首先创建一个读取查询字符串的函数，这个问题有很多例子。

然后：

来源页面：

<ul id="listOfH3s">
   <li><h3>1</h3></li>
   <li><h3>2</h3></li>
   <li><h3>3</h3></li>
</ul>

$('#listOfH3s li').click(function() {
    window.location = 'mypage.aspx?h3=' + $(this).find('h3').text();
});

目标页面：

<input type="text" id="h3" />

$('#h3').val(getUrlParam('h3'));