easyui combobox 输入下拉框不存在的值校验

最新推荐文章于 2021-08-12 16:46:40 发布

weixiaobeihoutn

最新推荐文章于 2021-08-12 16:46:40 发布

阅读量1.4k

点赞数

文章标签： easyui combo box

本文链接：https://blog.csdn.net/weixiaobeihoutn/article/details/77650018

版权

本文介绍了如何使用EasyUI的ComboBox组件进行输入值的校验，确保用户选择的值必须存在于下拉列表中。通过监听onHidePanel事件，获取当前ComboBox的值并与所有数据进行比较，若输入值不在数据列表中，则提示用户并清除输入。

摘要由CSDN通过智能技术生成

$(document).ready(function (){
$("#station_name").combobox({
onHidePanel: function() {
var valueField = $(this).combobox("options").valueField;
var val = $(this).combobox("getValue"); //当前combobox的值
var allData = $(this).combobox("getData"); //获取combobox所有数据
var result = true; //为true说明输入的值在下拉框数据中不存在
for (var i = 0; i < allData.length; i++) {
if (val == allData[i][valueField]) {
result = false;
break;
}
}
if (result) {
alert('请选择下拉列表中的热力站数据');
$(this).css('border', '1px solid #04ae00');
$(this).combobox("clear");
}

}
})
})