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插件的异步实时搜索。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！