最初只添加了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
}
});