刷新页面后如何清除值答案

【问题标题】：how to clear the value after refresh the page刷新页面后如何清除值
【发布时间】：2017-06-03 17:11:18
【问题描述】：

需要帮助如何在刷新页面后清除文本框的值？实际上我在提交表单后使用搜索文本框仍然显示文本框中的值它工作正常，但我想在刷新页面时清除值。
这是我的代码，

<div class="form-group" style='float:left;margin-right:10px;' id="normal_search">
     {!! Form::text('search', '', array('id'=>'yearly_search_id','class' => 'form-control','placeholder'=>trans('main.search').' '.trans('main.customer.title') )) !!}
</div>

使用本地存储，

localStorage.yearlySearchFilter = $("#yearly_search_id").val();
$("#yearly_search_id").val(localStorage.yearlySearchFilter);

【问题讨论】：

停止使用localStorage将值填充到#yearly_search_id。
只有当我页面刷新 $("#yearly_search_id").val(" ") 需要空文本框怎么办？

标签： javascript jquery laravel-5

【解决方案1】：

在 Javascript 中你可以这样做：

function init() {
document.getElementById("normal_search").value = "";
}
window.onload = init;

或者在 jQuery 中简单地做：

$(document).ready(function() {
  $("#normal_search").val('');
});

【讨论】：

【解决方案2】：

不是这个

localStorage.yearlySearchFilter = $("#yearly_search_id").val();
$("#yearly_search_id").val(localStorage.yearlySearchFilter);

使用这个：

localStorage.yearlySearchFilter = $("#yearly_search_id").val();

您不会在页面加载时的搜索框中找到任何值。

【讨论】：

仅供参考。 localStorage 即使在页面重新加载后也保持不变。所以只有第一次它会被填充然后它才会有以前的值。
是的 manoj 我试过了问题是当我点击刷新按钮时页面被刷新但值仍然显示
可以分享一下“刷新按钮”点击事件吗？
@shyammakwana.me 你可以在获得值后立即清除localStorage
当我页面刷新的时候清除localStorage的值怎么办？

【解决方案3】：

您可以这样做（清除所有表单输入字段）。

当你使用 localstorage 时。试试这个

$(document).ready(function() {
       localStorage.clear();
       //localStorage.removeItem("name of localStorage variable you want to remove");
});

【讨论】：

选择怎么样？
通过从当前表单中找到它并重置它的索引。到 0（零）
其实我的问题是当我搜索文本然后输入表单提交然后搜索值显示在搜索框中这工作正常但是
当我刷新页面时无法清除搜索值内的搜索框，这是我的问题
是的，我正确地回答了您的问题，此脚本在您的 AJAX 搜索调用成功完成后运行。这将在页面刷新之前清除所有提交的值。

【解决方案4】：

您可以使用这段代码重置表单字段：

   $(document).ready(function() {
    $('form').find("input[type='text'],textarea").val("");
   });

【讨论】：