Submitボタンをクリックした後にテキストボックスの値を保持する方法

Question

[Submit]ボタンをクリックした後に検索テキストボックスがあります。テキストボックスの値は保持されますが、テキストボックスの値をテキストボックスにリロードすると、ページを再読み込み/更新した後のテキストボックス。

<script> 
    $(document).ready(function(){ 
    document.getElementById("text1").value = localStorage.getItem("item1"); 
     }); 

    $(window).on('beforeunload', function() { 
    localStorage.setItem("item1",document.getElementById("text1").value); 
    }); 
</script> 

Html。

<td> 
<form action="/searchemp" method="post" > 
    Selected Employee <input type="text" name="EmployeeName" id="text1"> 
        <input type ="submit" value="check"> 
</form> 

私にそれを修正するには、ヘルプや提案を与えます。

ありがとうございます。

Answer 1

 $(document).ready(function() { 
      $("#form1").submit(function() { 
       window.localStorage['text1_val'] = $("input[name = 'text1']").val(); 
      }); 
      $(window).load(function() { 
       $("input[name = 'text1']").val(window.localStorage['text1_val']); 
       window.localStorage['text1_val'] = ''; 
      }); 
     }); 

    <form id="form1" method="post"> 
    <input type="text" name="text1"> 
    <input type="submit"> 
    </form> 

Answer 2

デフォルトでは、ページの読み込み時にテキストボックス値が空です。 あなたの問題は、ローカルストレージから値を格納して取り出すことによると思います。テキストの外観

$(document).ready(function(){ 
    document.getElementById("text1").value = localStorage.getItem("item1"); 
}); 

Answer 3

の責任 コードは、なぜあなたはのlocalStorageをクリアしませんか？

$(window).unload(function() { 
    window.localStorage.removeItem(item1); 
}); 

コードがテストされていませんが、これはあなたが `localStorage`から[値]を削除することはできませんなぜアイデア...