首页 > 代码库 > 通过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实现方法