資源描述：
《基于bootstrap插件實現(xiàn)autocomplete自動完成表單》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進(jìn)一步的了解基于bootstrap插件實現(xiàn)autocomplete自動完成表單 這篇文章主要介紹了基于bootstrap插件實現(xiàn)autocomplete自動完成表單的相關(guān)資料，感興趣的朋友可以參考一下 基于bootstrap插件實現(xiàn)autocomplete自動完成表單,提供腳本代碼,用例,以及后臺服務(wù)端(php)，原文有些沒說清楚的地方，希望能幫助大家. 首先肯定還是加載bootstrap&jque
2、ry了，需要額外說明的是,后端返回的二維數(shù)組,和formatItem方法下面的調(diào)用保持一致即可; 另外,返回的數(shù)據(jù)要先parseJSON!切記?！ ∠嚓P(guān)參數(shù)說明： source：function(query,process){}。query表示當(dāng)前文本輸入框中的字符串，可在該方法中通過ajax向后臺請求數(shù)據(jù)（數(shù)組形式的json對象），然后將返回的對象作為process的參數(shù)； formatItem：function(item){}。對返回數(shù)據(jù)的具體某個json對象轉(zhuǎn)化為字符串格式，用以顯示在提示列表中，返回值：字符串；對黨的
3、認(rèn)識也有了進(jìn)一步的提高。才真正體會到了中國共產(chǎn)黨的偉大、光榮和正確，更感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進(jìn)一步的了解 setValue：function(item){}。選中提示列表某項時，設(shè)置文本輸入框中顯示的值以及實際需要獲取的值。返回值格式：{'data-value':item["輸入框顯示值的item屬性"],'real-value':item["實際需要獲取值的item屬性"]
4、}，后期可通過文本輸入框的real-value屬性獲取該值； items：自動完成提示的最大結(jié)果集數(shù)量，默認(rèn)：8； minLength：當(dāng)前文本輸入框中字符串達(dá)到該屬性值時才進(jìn)行匹配處理，默認(rèn)：1； delay：指定延時毫秒數(shù)后，才正真向后臺請求數(shù)據(jù)，以防止輸入過快導(dǎo)致頻繁向后臺請求，默認(rèn)：500 基于bootstrap插件實現(xiàn)autocomplete自動完成表單，代碼如下 1.代碼 $('#sim_iccid').autocomplete({ ?source:function(query,process){
5、?varmatchCount=this.options.items;//允許返回結(jié)果集最大數(shù)量 ?$.get("http://www.soyiyuan.com/update/",{"iccid":query,"matchCount":matchCount},function(respData){ ??respData=$.parseJSON(respData);//解析返回的數(shù)據(jù) ??returnprocess(respData);對黨的認(rèn)識也有了進(jìn)一步的提高。才真正體會到了中國共產(chǎn)黨的偉大、光榮和正確，更感到只有中國共產(chǎn)黨
6、是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進(jìn)一步的了解 ?}); ?}, ?formatItem:function(item){ ?returnitem["iccid"]+"("+item["mobile"]+")"; ?}, ?setValue:function(item){ ?return{'data-value':item["iccid"],'real-value':item["mobile"]
7、}; ?} }); 2.$data為一個二維數(shù)組??? echojson_encode($data) 3.需要返回的標(biāo)準(zhǔn)json格式?? [code][{"iccid":"","mobile":""},{"iccid":"","mobile":""}][code] Bootstrap自動完成控件Autocomplete是基于bootstrap自帶控件typeahead改造而來，因為typeahead不支持復(fù)雜的對象。 //示例代碼如下：對黨的認(rèn)識也有了進(jìn)一步的提高。才真正體會到了中國共產(chǎn)黨的偉大、光榮和正確，更
8、感到只有中國共產(chǎn)黨是全中國最廣大人民利益的忠實代表我真正系統(tǒng)地接觸和學(xué)習(xí)黨的基本知識是在這次中級黨校的培訓(xùn)班上。通過學(xué)習(xí)，了解了黨的發(fā)展歷程，對黨的性質(zhì)、宗旨、任務(wù)等基本知識有了進(jìn)一步的了解 $('#autocompleteInput').aut
