javascript - 对于此示例,如何将所选选项保存到 JavaScript 中的 cookie?
问题描述
我想通过 javascript 将选定的选项存储在 cookie 中这是我的代码
var prevVal;
$("#paragraphSpaceOPtion").on("change",function(){
var val = $(this).find('option:selected').val();
$(".container-h div").text(`${val}`);
$(".fancybox-container").hide();
$("body").removeClass('compensate-for-scrollbar');
$(".footer-phone").text(`${val}`);
prevVal = val;
});
<select name="number" id="paragraphSpaceOPtion">
<option class="option-1" value="">Your sity</option>
<option class="option-1" value="city1">Paris</option>
<option class="option-2" value="London">London</option>
</select>
解决方案
以下是可用于创建和检索 cookie 的功能。
var createCookie = function(name, value, days) {
var expires;
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
}
else {
expires = "";
}
document.cookie = name + "=" + value + expires + "; path=/";
}
function getCookie(c_name) {
if (document.cookie.length > 0) {
c_start = document.cookie.indexOf(c_name + "=");
if (c_start != -1) {
c_start = c_start + c_name.length + 1;
c_end = document.cookie.indexOf(";", c_start);
if (c_end == -1) {
c_end = document.cookie.length;
}
return unescape(document.cookie.substring(c_start, c_end));
}
}
return "";
}
因此,对于您的示例,您可以使用createCookie('myvalue', val, 7)
来节省一周的价值。
推荐阅读
- javascript - 在 ASP 页面中使用带有 Jquery 的 JS 函数
- python - 创建多边形的算法(No Thiesen/Voronoi)
- coldfusion - apache 已配置,但网站仍无法加载coldfusion
- python-3.x - 内核启动请等待 macbook air m1 上的 jupyter notebook
- python - 删除每一行的 NaN 后是否可以将每一行移动到同一行的末尾
- ms-access-2016 - 我想搜索一个字段,但使用部分文本来定位记录。代码现在可以找到记录,但我必须输入整个文本才能找到记录。使用权
- java - 使用 Oracle SQL 存储过程和 Java Spring 通过多行插入和提取提高性能
- python - 为什么这不显示当前歌曲图像?
- reactjs - 赛普拉斯测试失败:获取“此 DOM 元素可能在上一个命令和当前命令之间的某处分离”
- python - 我只想在屏幕上显示传递的 id 的句子