bootstrap自动补全插件

最新推荐文章于 2024-12-17 12:15:47 发布

原创最新推荐文章于 2024-12-17 12:15:47 发布 · 624 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

Jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用jQuery和typeahead插件实现前端输入框联想功能的方法。通过向后台发送请求获取客户名称列表，并将其作为联想数据展示在输入框下方。

在输入框输入关键字,下方显示联想的数据
只需要关心后台传的是List

	$("#create-customerName").typeahead({
			source: function (query, process) {
				$.get(
					"workbench/transaction/getCustomerName.do", 
					{ "name" : query }, 
					function (data) {
						//alert(data);
						process(data);
					},
					"json"
				);
			},
			delay: 1500
		});
		
			注意：
			（1）后台查客户名字即可List<String>
			（2）将浏览器默认提示关闭autocomplete="off"