autocomplete根据输入字符进行搜索

autocomplete函数是能够根据输入的字符进行检索的一个函数,整个函数在jquery-ui.min.js里边,可以直接调用,非常方便。

今天在使用到搜索的时候用到了这个函数,jquery-ui.min.js插件可以自己下载,我所搜索的数据是通过ajax获取的,

        $('.sale_customer').autocomplete({
       	 source: function(request, response) {
       		 var input_value = $('.sale_customer').val();//获取输入的字符串
       		 var mData = [];
			 mData[0] = {"name":"query.searchkey","value":input_value};//与后台进行交互传参
			 $.doAjaxWQ({//与后台交互
       	         url: url,//url,与后台进行交互的url
       	         data : mData,//所要传的参数
       	         success: function(data) {//如果成功显示的数据
       	            	response($.map(data.list, function(item) {
       	            	return {
//       	            		  label:item.customerId,
       	                      value:item.customerName//根据关键词输出搜索出来的结果
       	                      
       	                    }
       	            	}));
       	            }
			    });
       	  },
       	  select: function( event, ui ) {//ui可以获取选中的值
       		  var item = ui.item;
       		salesManageData.chooseContact(item.value)
       	  }
       });



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值