资源描述：
《基于bootstrap插件实现autocomplete自动完成表单》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解基于bootstrap插件实现autocomplete自动完成表单 这篇文章主要介绍了基于bootstrap插件实现autocomplete自动完成表单的相关资料，感兴趣的朋友可以参考一下 基于bootstrap插件实现autocomplete自动完成表单,提供脚本代码,用例,以及后台服务端(php)，原文有些没说清楚的地方，希望能帮助大家. 首先肯定还是加载bootstrap&jque
2、ry了，需要额外说明的是,后端返回的二维数组,和formatItem方法下面的调用保持一致即可; 另外,返回的数据要先parseJSON!切记。 相关参数说明： source：function(query,process){}。query表示当前文本输入框中的字符串，可在该方法中通过ajax向后台请求数据（数组形式的json对象），然后将返回的对象作为process的参数； formatItem：function(item){}。对返回数据的具体某个json对象转化为字符串格式，用以显示在提示列表中，返回值：字符串；对党的
3、认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解 setValue：function(item){}。选中提示列表某项时，设置文本输入框中显示的值以及实际需要获取的值。返回值格式：{'data-value':item["输入框显示值的item属性"],'real-value':item["实际需要获取值的item属性"]
4、}，后期可通过文本输入框的real-value属性获取该值； items：自动完成提示的最大结果集数量，默认：8； minLength：当前文本输入框中字符串达到该属性值时才进行匹配处理，默认：1； delay：指定延时毫秒数后，才正真向后台请求数据，以防止输入过快导致频繁向后台请求，默认：500 基于bootstrap插件实现autocomplete自动完成表单，代码如下 1.代码 $('#sim_iccid').autocomplete({ source:function(query,process){
5、 varmatchCount=this.options.items;//允许返回结果集最大数量 $.get("http://www.soyiyuan.com/update/",{"iccid":query,"matchCount":matchCount},function(respData){ respData=$.parseJSON(respData);//解析返回的数据 returnprocess(respData);对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党
6、是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解 }); }, formatItem:function(item){ returnitem["iccid"]+"("+item["mobile"]+")"; }, setValue:function(item){ return{'data-value':item["iccid"],'real-value':item["mobile"]
7、}; } }); 2.$data为一个二维数组 echojson_encode($data) 3.需要返回的标准json格式 [code][{"iccid":"","mobile":""},{"iccid":"","mobile":""}][code] Bootstrap自动完成控件Autocomplete是基于bootstrap自带控件typeahead改造而来，因为typeahead不支持复杂的对象。 //示例代码如下：对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更
8、感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解 $('#autocompleteInput').aut
