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); })
})
})