首页 > 代码库 > 通过cookie实现搜索框内容保存关闭浏览器之前的操作、jq js实现方法
通过cookie实现搜索框内容保存关闭浏览器之前的操作、jq js实现方法
jq实现的方法:
jq需要在页面中引入JQ.cookie插件 这是一个超轻量级插件
要实现的效果:
下面是jq代码:
$(function(){ var til=$("#orderInfoContent");//获取到input搜索框 var vlue=$.cookie(‘plhder‘);//获取cookie值 til.attr(‘placeholder‘,vlue);//把获取到的cookie值attr到搜索框中 $("#orderInfoSelectIndex option").each(function(k,v){ var option=$(v); option.on("click",function(){ var hml=$(this).html(); $.cookie(‘plhder‘,hml,{expires:30});//把hml这个变量保存到cookie til.attr("placeholder",hml); }) })})
下面是js实现方法
//设置Cookiefunction setCookie(cookiename,cookievalue,iDay){ var d=new Date(); d.setDate(d.getDate()+iDay); document.cookie=cookiename+"="+cookievalue+";expires="+d;}//setCookie("name","liujingyang",30);//获取cookiefunction getCookie(cookiename){ var cookieStr=document.cookie; var cookieArr=cookieStr.split(";") for(var i=0;i<cookieArr.length;i++){ var arr=cookieArr[i].split("="); if(arr[0]==cookiename){ return arr[1]; } } return ‘‘;}//alert(getCookie("name"));//宝贝查询 默认值动态选取$(function(){ var til=$(".ontext"); var vlue=getCookie("plhder"); til.attr("placeholder",vlue); $(".xlxzz option").each(function(k,v){ var option=$(v); option.on("click",function(){ var hml=$(this).html(); setCookie("plhder",hml,30); til.attr("placeholder",hml); }) })})
通过cookie实现搜索框内容保存关闭浏览器之前的操作、jq js实现方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。