【easyui】combo是否选中以及非空判断（可判断手动输入情况）

Myth丶恋晨 2021-11-11 10:18 787阅读 0赞

大家通常会通过$('\#' + comboboxId).combobox('getValue') 方式来判断是否选中以及非空，但这种方式有个漏洞：就是如果手动在combo中输入值，则也是可以通过getValue获取到值的，但其实这个值并不存在于下拉列表中，那么这时通过getValue获取的值来判断非空就是错误的。

看下图随便输入的值

![20190805172856612.png][]

**那么如何解决手动输入这种错误的情况呢？ 看看下面我总结的几个方法吧。**

**分别获取value 、text，然后判断value 、text是否相等，如果相等则说明没有从列表中选择。为什么相等就是错误的？因为正常情况下，value和text是不会相同的。当然大家可以根据实际情况改写**

**combobox**

//验证combobox是否被选择，本验证支持可手动输入过滤列表的情况
    //true - 已被选择 ， false - 未被选择。
    function isComboBoxSelected(comboboxId) {
    	var comboboxValue = $.trim($('#' + comboboxId).combobox('getValue'));
    	var comboboxText = $.trim($('#' + comboboxId).combobox('getText'));
    	
    	if (comboboxValue != null && comboboxValue != '' && comboboxText != '' && comboboxText != null) {
    		if (comboboxValue == comboboxText) {
    			return false;
    		}
    	} else {
    		return false;
    	}
    
    	return true;
    }

**ComboTree**

//验证ComboTree是否被选择， 本验证支持可手动输入过滤列表的情况
    //true - 已被选择 ， false - 未被选择。
    function isComboTreeSelected(combotreeId) {
    	var combotreeValue = $.trim($('#' + combotreeId).combotree('getValue'));//value
    	var combotreeText = $.trim($('#' + combotreeId).combotree('getText'));//text
    	
    	if (combotreeValue != null && combotreeValue != '' && combotreeText != null && combotreeText != '') {
    		var node = $('#' + combotreeId).combotree('tree').tree('find', combotreeValue); //根据选中的节点id获取节点对象
    		
    		if(node == null){//选中节点的id不存在
    			return false;
    		}
    		
    		if (node.text != combotreeText) { //选中的节点对象的文本与当前输入的文本不等，说明未选中列表中的单位
    			return false;
    		}
    
    	} else {
    
    		return false;
    	}
    
    	return true;
    }

[20190805172856612.png]: /images/20211109/94b370b1f6db494ba43517effb7529b7.png