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

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

你认识小汐吗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值