jquery的autocomplete完成仿百度谷歌搜索效果，并获取相关事件

最新推荐文章于 2019-09-04 14:44:00 发布

原创最新推荐文章于 2019-09-04 14:44:00 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #css #ViewUI

jquery 专栏收录该内容

1 篇文章

订阅专栏

本文详细介绍了如何在jQuery提供的示例中增加几个常用函数，以增强Autocomplete组件的功能，包括获取选中的值、解析CNAPS等操作，并讨论了在关闭事件中处理数据的方法。

$(function() {
	var availableTags = [<%=request.getAttribute("cnaps") %>];
	$( "#bankname" ).autocomplete({
		source: availableTags,
                  //获取选中的值
		select: function(e, ui) {
		var selectVal = ui.item.value;
		parseCNAPS(selectVal);
	},
                  //关闭事件
		close: function(event, ui) {
			var data = document.getElementById("bankname").value;
			var pos = data.indexOf('|');
			data = data.substring(0,pos);
			document.getElementById("bankname").value = data;
		}
	});
});