自动填充插件Autocomplete demo

最新推荐文章于 2024-06-05 17:23:32 发布

段子猿

最新推荐文章于 2024-06-05 17:23:32 发布

阅读量1k

点赞数 1

分类专栏：前端文章标签： jquery autocomplete

本文链接：https://blog.csdn.net/u014071875/article/details/78873766

版权

前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

jQuery Autocomplete API地址： https://api.jqueryui.com/autocomplete/

$("#selector").autocomplete({
        source: function( request, response ) {
            $.ajax( {
                url: url,
                dataType: "json",
                data: {
                	keyword: request.term,
                	pageIndex:0
                },
                success: function( data ) {
                  if(data.data.page){
                	  response( $.map(data.data.page, function(item) {
                          return {
                        	  value://填充到输入框时候的值
                                  label://展示时候的值
                          }
                      }));
                  }
                }
            });
        },
        minLength:2, //需要输入的最小字符数，才能触发autocomplete
        delay: 0,
        select: function(event,ui) { 
	   //选中某条记录时进行的操作
        },
 	focus: function(event,ui) { 
	//光标移动到某条记录时进行的操作
	} 
})