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

本文介绍了如何使用autocomplete控件的mustMatch属性及change事件来确保用户输入的数据必须来源于指定的数据源列表。通过示例代码展示了当用户输入的内容不在下拉列表中时,如何清空输入框,以维持数据的有效性和一致性。

2682

被折叠的 条评论
为什么被折叠?



