Question

我的页面中有一个文本框和提交按钮。当我单击“提交”按钮时，页面将刷新。我想记住刷新后文本框中最后输入的值。我怎么能用jQuery做到这一点？我有以下

  <input type="text" id = "textbox"> <br/>
  <input type="Submit" value = " Submit " onClick = " javascript:window.location.reload(); ">

Answer 1

您可以使用local storage来解决问题

localStorage.setItem('yourIndex',$('#textbox').val());

现在如果你想要检索项目

localStorage.getItem('yourIndex');

所有最新的浏览器都支持

local storage。

Answer 2

保存cookie：

$.cookie(key,value,{ expires: expire }); //expire in days.

获取cookie：

$.cookie(key);

当然你需要js，你可以从中得到：

http://plugins.jquery.com/cookie/

function OnSubmit (){
    $.cookie("textbox",$("#textbox").val(),{ expires: 1}); //stores cookie for 1 day, names textbox and stores the value
    window.location.reload();
};

$(document).ready(function() {
    var value = $.cookie("textbox");
    $("#textbox").val(value === undefined || value === null ? "" : value); //insert the value stored in cookie "textbox" only if its not null or undefined , if it does insert empty string
});

当然：onClick:OnSubmit

使用jQuery cookie记住文本框值

2 个答案: