2012-01-21 5 views
0

を使用して他のページへ値を転送私はボタンがあるだろうJavaスクリプト/ HTMLは、javaスクリプト

  1. 最初のページ(1.html)に次のように実装する必要があります。ユーザーが[OK]ボタンを押すと、2ページ目(2.html)が開きます。

  2. 2ページ(2.html)に1つのテキストボックスとボタンがあります。ユーザーがテキストボックスに何らかの値を入力してOKボタンを押すと、その値は1ページの1.htmlに表示されます。

は良い考えかもしれませんHTML5ローカルストレージ機能を使用して、あなたが必要との互換性のレベルに応じて/ Htmlの

答えて

1

URLにパラメータを設定するか、Cookieを使用するかの2つのブラウザの方法があります。どちらもjavascriptで行うことができます。しかし、データの長さ(そして非常に長いURLに対する個人的な好み)を知らないと、私はクッキーの使用をお勧めします。

私がjavascript経由でクッキーとやり取りする最も簡単な方法は、jQueryクッキープラグインを使用する方法です。 https://github.com/carhartl/jquery-cookie

//page2 
    $('#okButton').click(function(e){ 
     e.preventDefault(); 
     var getInput = $('#yourTextInput').val(); 
     $.cookie('mycookie', getInput); 
    }); 

    //page1 
    $.cookie('mycookie'); //this will return the value of yourTextInput 
0

Javaスクリプトでそれを行う方法。あなたの2.htmlで

setItemを使用して値を設定します。

localStorage.setItem('aNameForYourData',data_var); 

その後、1.htmlにそれを得るために、getItemを使用します。

data_var = localStorage.getItem('aNameForYourData'); 

あなたが少なく、現代でサポートが必要な場合クッキーを検討してください。クッキーの使用に関する情報はhereです。