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の場合はgoogleを使用してください;）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'));