如果那个输入框要使用这样的效果只要添加一个属性为url="true"就行了,这样方便 可操作性强,想给那个框加效果就加上这个属性,不想加的直接不加url="true"
就OK了。
在使用这个效果的界面添加如下代码
<div> <ul> </ul> </div> <script type="text/javascript"> Init(); </script>
除此之外的JS直接放在一个Js文件里,引用进来就行了
下拉列表是怎么加载的呢?看下面的一个方法就知道了
加载列表
function FillUrls(cookieName) { var urls = $.cookie(cookieName); var html = ""; if (urls) { var urllist = urls.split('|'); var forlength = 0; var stringcookie; for (var i = urllist.length - 1; i >= 0; i--) { var textval = urllist[i]; if ($.trim(textval) != "" && $.trim(textval) != "undefined") { html += "<li><a href="javascript:InputSetValue('" + textval + "');">" + textval + "</a></li><br/>"; forlength = forlength + 1; if (forlength > 10) {//在这里我只加载10条,大家可以根据自己的情况进行调整 $.cookie("site", stringcookie, { expires: 7 }); break; } else {//如果超出10个的话就取最后10个 stringcookie = textval + "|" + stringcookie; } } } } else { html += "<li>没有记录</li>" } getid("allSitesBoxContent").innerHTML = html; }
完成了这些之后我们只需要在单击查询时进行存储Cookie就行了,看下面的方法
操作Cookie类
function setCookie(name, value) { var oldcookie = $.cookie(name); if (oldcookie == null) { $.cookie(name, value, { expires: 7 }); } else { if ($.cookie(name).indexOf(value) == -1) { $.cookie(name, oldcookie + "|" + value, { expires: 7 }); } else { $.cookie(name, oldcookie.replace(value, "") + "|" + value, { expires: 7 }); } } FillUrls(name); }
调用 时这样写
复制代码 代码如下:
setCookie("site", strdomin);
好了功能完成。
进行具体的测试
代码写的不是很好,希望大家多提提建议,我们进行相应修改争取更完善。
Cookie是存储的客户端的,一个并且只能访问同域名下的Cookie,子域名之间可以相互访问,只要加上domain属性就行了,存储的方法如下
复制代码 代码如下: