jquery select插件异步实时搜索实例代码
首先看效果。
第二,做这个插件的原因。
1.数据量太大(几千或几万),无法一次全部加载。
2.现有的插件不一样,不能满足功能需求。
3.缺乏美感和可控性。
第三,如何使用。
1.html和js
select id=' unit '/select script type=' text/JavaScript ' src=' http 3360/demo/third party/jquery/jquery-1 . 8 . 3 . min . js '/script script src=' http 3360/demo/third party/pheker/ajaxsele。
#使用实例变量URL='/demo/define ordinate . do?method=getenterprise dict unitname=' encodeuri component(' xx无烟煤矿业集团有限公司');var AJaxUrl='/demo/defined . do?method=getenterprise dictionunitname=';var $ select=$(' # Ajax sele ')。Ajax sele({ initurl : initurl,ajaxUrl:ajaxUrl,defkv:['id ',' text'],selected:0,},function(filterData,IsInit){//filter console . log(filter data);},函数(cbData,IsInit){//回调console . log(CBDATa);});$select.on('change ',function(){ console . log(this . value);});3.详细配置。
Var defcfg={initUrl: ' ',//初始化请求地址ajaxUrl: ' ',//异步请求地址defkv:[],///keydelay:200用于返回数据,//Ajax回调延迟宽度:200,//输入宽度height:30,//输入高度selected:-1,//初始化数据的默认选定项,-1表示未选中限制:20,//显示的最大条数,还有一些其他的API,详情请参考参考链接和源代码。
四.声明:
这个插件是根据现有的插件和自己的需求修改的。如有小问题,请自行修改源代码。
如果不是异步搜索,其他插件如layui和select2也是不错的选择。
此外,这个插件依赖于jquery。
摘要
以上是边肖介绍的jquery select插件的异步实时搜索。希望对大家有帮助。如果你有任何问题,请给我留言,边肖会及时回复你。非常感谢您对我们网站的支持!
版权声明:jquery select插件异步实时搜索实例代码是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。