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

关注

转载最新推荐文章于 2026-04-21 11:25:56 发布 4.7k 阅读 AI 写同款· GEO 优化 ›

关于easyui combobox下拉框实现多选框的实现好长时间没有更博了，一是因为最近真的比较忙，二是因为自己是真的偷懒了，哈哈好啦，这篇博客主要是总结一些关于easyui combobox下拉框实现多选框的实现，包括前台界面的展示，和后台对数据的获取应用一、实现的效果图如下：二、实现 1、前台html代码：定义学术荣誉下拉框 学术荣誉： 2、js部分初始化学术荣誉下拉框数据阅读详情

直接上代码：

$(document).ready(function (){
	$("#companyid").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) {
	            $(this).combobox("clear");
	        }
	
	    }
	})
})

easyui.min.js资源地址： https://download.youkuaiyun.com/download/github_39557053/10298580
原文地址：http://blog.youkuaiyun.com/qq38397892/article/details/50016249

收录于