項目中有一個城市導航，導航上有一個城市搜索，即用戶輸入城市名、或拼音即可有匹配的提示，方便用戶選擇。于是乎下載了一個jquery.autocomplete-1.1.3，但引用到項目后，發現幾個問題，并相應做了修改： 1.中文輸入后，服務端不能正常獲取ajax提交的數據（此處，當然可以用相應轉碼，本人試了n種方便仍改），細看代碼發現， 是用 $.get(this.serviceUrl, me.options.params, function(txt) { me.processResponse(txt); }, 'text'); 提交的， 于是改成了我熟悉的提交方式。 $.ajax({url:this.serviceUrl,data:"query="+me.options.params.query,timeout: 5000,success: function(o){me.processResponse(o);}}); 問題立即解決。 猜想，是默認utf-8編碼與我服務端過濾器中轉碼以及代碼的轉碼發生了沖突。 2.當輸入框值發生變化時，onchange事件不靈敏。 于是，添加了一個函數，輸入值一但onchange就調用 。 onKeyProcessDefult: function(i) { var me, fn, s, d; me = this; s = me.suggestions[i]; d = me.data[i]; if(this.currentValue!=s || undefined==d){d="";s="";} this.selectedIndex=0; //輸入時，一但有匹配的項，就默認選擇第一項,這樣，再按回車鍵，即可直接submit提交 jht添加 2011-07-20 $(".auto_selected_val").val(d); } 3. 當輸入正確值，而不去選擇相應提示項時，按回車鍵，不能完成自動提交。另外就是，當輸入正確值，而不去選擇相應提示項進，點擊后面的提交按鈕，也不能完成提交。（趕集網的城市切換也有這個小瑕疵哦）。 于是修改為，一但輸入后只有可匹配的項時，就默認選中第一項（代碼如上）。 這樣，再提交就不是問題了。 4.輸入值，當沒有相應匹配項時，沒有任何提示，不友好，影響用戶體驗。 5.服務服端注意返回json格式參數格試哦{ query:'c',suggestions:['北京','保定','包頭','本溪'],data:['hr','cu','cy','cz'] } 項目應用實例：http://www.juyuan.com/members/city 參考實案例：http://www.ganji.com/index.htm