Javascript 基于输入框在jquery中设置cookie

Javascript 基于输入框在jquery中设置cookie,javascript,jquery,cookies,Javascript,Jquery,Cookies,我对javascript非常陌生,但我正在使用jquery和jquery cookie库。我想知道如何将输入文本框的内容放入cookie中 这是我尝试过的代码,但不起作用: JS HTML 是否有其他原因阻止了此操作,或者我没有正确执行此代码?您的HTML是: <input id="loc" placeholder="Location" type="text"></input> 要将此数据设置为cookie,您需要执行以下操作: $.cookie("location

我对javascript非常陌生,但我正在使用jquery和jquery cookie库。我想知道如何将输入文本框的内容放入cookie中

这是我尝试过的代码,但不起作用:

JS

HTML


是否有其他原因阻止了此操作,或者我没有正确执行此代码?

您的HTML是:

<input id="loc" placeholder="Location" type="text"></input>
要将此数据设置为cookie,您需要执行以下操作:

$.cookie("location_input", data);

我希望,这清楚地说明了代码不起作用的原因:)

您需要这样的东西:

$.cookie("location_input", $("#lat").val());
此时,您正在将cookie设置为字符串值
#lat
,而不是输入的实际值

另外,我认为您的示例有一个输入错误,
#lat
而不是
#loc
:)

试试这个

document.cookie = "location_input="+$("#loc").val();

使用
#loc
,因为它是您输入的id<代码>$。在检索cookie时,cookie很有用,而在保存时则不太有用

但是,如果要使用它来检索cookie值,还不如使用它来设置它?;)也许我很懒,或者是旧习惯的牺牲品。我也使用$.cookie,但当我保存cookie时,我使用的是document.cookie。更多地使用$.cookie作为“获取者”。公平地说,我喜欢在将来为其他人将两者保持在相同的抽象级别。我认为以一种方式查看cookie集和以另一种方式读取cookie会令人困惑。不过,这是一个很好的建议,值得指出:)
$.cookie("location_input", data);
$.cookie("location_input", $("#lat").val());
document.cookie = "location_input="+$("#loc").val();