Jquery操作Cookie|多个输入框同时输入效果|下拉

先看看实现后的效果吧，

这是一个Cookie数据生成的列表，

每次单击查询会存储一个域名，并把最后一次查询的域名放在最上方。本例子最多存储10个，大家可以根据自己情况进行设置

下在咱们一起来看看是怎么实现的吧、

先写一个操作Cookie的JS文件如下

有了这个文件之后我们来给要使用这Cookie的Text做一下处理吧，

代码如下

这里面所用到的方法如下，具体的意思我就不一个一个的解释了，如果需要说明的请大家留言，我一定回复

在这里面还附带了这样一个效果，就是同时输入多个输入框的值，如下图

如果那个输入框要使用这样的效果只要添加一个属性为url="true"就行了，这样方便 可操作性强，想给那个框加效果就加上这个属性，不想加的直接不加url="true"

就OK了。

在使用这个效果的界面添加如下代码

         <div style="display: none; position: absolute;" id="allSitesBoxHdl" class="classlist"
            onmouseover="this.style.display='block'" onmouseout="this.style.display='none'">
            <ul id="allSitesBoxContent">
            </ul>
        </div>
   <script type="text/javascript">            Init();</script>
      

除此之外的JS直接放在一个Js文件里，引用进来就行了

下拉列表是怎么加载的呢？看下面的一个方法就知道了

完成了这些之后我们只需要在单击查询时进行存储Cookie就行了，看下面的方法

调用 时这样写

        setCookie("site", strdomin);
      

好了功能完成，大家如果想看真实效果的话，进行具体的测试

代码写的不是很好，希望大家多提提建议，我们进行相应修改争取更完善。

Cookie是存储的客户端的，一个并且只能访问同域名下的Cookie，子域名之间可以相互访问，只要加上
domain属性就行了，存储的方法如下

         $.cookie("domain", value, { expires: 7, domain: "baidu.com" });
      

取的时间直接写 $.cookie("domain");就好了，只要是子域名，都这样调用，这样可以达到本域名下的Cookie共享的功能。

Cookie的有效利用会给我们的网站带来N多意想不到的效果和功能，大家交流下。希望多提提建议