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

时间:2012-06-15 00:32:48

标签: jquery input

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

我有一个无序列表,每个列表项都有一个h3我想填充输入值,每个列表项都有一个表单链接。因此,当单击指向表单的链接时,列表项中的h3用于填充输入值。

这可能吗?

3 个答案:

答案 0 :(得分:1)

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

在原始页面

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

在接收页面时,假设PHP

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

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

答案 1 :(得分:0)

您需要在页面之间保留元素的值,有几种方法可以实现此目的:

来源页面中:

  • 查询字符串

    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;
    

答案 2 :(得分:0)

仅使用javascript(jQuery):

首先创建一个读取查询字符串的函数,this question有很多例子。

然后:

来源页面:

<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'));