單擊提交按鈕后如何保留文本框值

Question

單擊提交按鈕文本框值后，我有一個搜索文本框，但當我重新加載頁面時，文本框值仍在文本框中，如何在重新加載/刷新頁面后刪除文本框的值。

<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

你為什么不清除本地存儲？

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

代碼未經測試，但這應該給你一個想法......