autocomplete设置只可以选择下拉选,mustMatch属性使用

        最初只添加了mustMatch属性,但是不起作用,查资料查到添加change事件,可以使用,如下代码,其实这时候mustMatch还是没有起作用,只有change事件起作用,没有找到mustMatch对应方法,不过使用如下的change事件也可以实现我们的需求:如果不从下拉选中选择就清空输入框。

	$("#autocomplete").autocomplete({
		source: appList,
		mustMatch: true,
		change: function (event, ui) {
	           if (!ui.item) {
	                 $(this).val('');
	            }
	        }
	});
change 事件
当输入框失去焦点时,如果其输入内容发生改变,则触发该事件。其事件全名为autocompletechange。


$( "#title" ).autocomplete({
change: function( event, ui ) {
// event 是当前事件对象

// ui对象仅有一个item属性,它表示当前选择的菜单项对应的数据源对象
// 该对象具有label和value属性,以及其它自定义(如果有的话)的属性
// 如果当前没有选择的菜单项,这item属性为null
}
});

猜你喜欢

转载自blog.csdn.net/sayoko06/article/details/80346103