經過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實現方法

//設置Cookie
function setCookie(cookiename,cookievalue,iDay){
	var d=new Date();
	d.setDate(d.getDate()+iDay);
	document.cookie=cookiename+"="+cookievalue+";expires="+d;
}

//setCookie("name","liujingyang",30);
//獲取cookie
function 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);
			
			
		})
	})
})