先看看實現(xiàn)后的效果吧，

這是一個Cookie數(shù)據(jù)生成的列表，

每次單擊查詢會存儲一個域名，并把最后一次查詢的域名放在最上方。本例子最多存儲10個，大家可以根據(jù)自己情況進(jìn)行設(shè)置

下在咱們一起來看看是怎么實現(xiàn)的吧、

先寫一個操作Cookie的JS文件如下

有了這個文件之后我們來給要使用這Cookie的Text做一下處理吧，

代碼如下

這里面所用到的方法如下，具體的意思我就不一個一個的解釋了，如果需要說明的請大家留言，我一定回復(fù)

在這里面還附帶了這樣一個效果，就是同時輸入多個輸入框的值，如下圖

如果那個輸入框要使用這樣的效果只要添加一個屬性為url="true"就行了，這樣方便 可操作性強(qiáng)，想給那個框加效果就加上這個屬性，不想加的直接不加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文件里，引用進(jìn)來就行了

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

完成了這些之后我們只需要在單擊查詢時進(jìn)行存儲Cookie就行了，看下面的方法

調(diào)用 時這樣寫

        setCookie("site", strdomin);
      

好了功能完成，大家如果想看真實效果的話，進(jìn)行具體的測試

代碼寫的不是很好，希望大家多提提建議，我們進(jìn)行相應(yīng)修改爭取更完善。

Cookie是存儲的客戶端的，一個并且只能訪問同域名下的Cookie，子域名之間可以相互訪問，只要加上
domain屬性就行了，存儲的方法如下

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

取的時間直接寫 $.cookie("domain");就好了，只要是子域名，都這樣調(diào)用，這樣可以達(dá)到本域名下的Cookie共享的功能。

Cookie的有效利用會給我們的網(wǎng)站帶來N多意想不到的效果和功能，大家交流下。希望多提提建議