`
IT_Dodo
  • 浏览: 13606 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

easyui combobox 验证输入的值是否为下拉框里的值,否-则清空

    博客分类:
  • js
阅读更多
//验证输入的值是否为下拉框里的值,否-则清空
    function _validateComboboxInputValue(self){
    	var $this = $(self),
    	    result = true,//为true说明输入的值在下拉框数据中不存在
    	    valueField = $this.combobox('options').valueField,
    	    allData = $this.combobox('getData'),//获取combobox所有数据
    	    val = $this.combobox("getValue");//当前combobox的值
        for (var i = 0; i < allData.length; i++) {
            if (val == allData[i][valueField]) {
                result = false;
            }
        }
        if (result) {
            $this.combobox("clear");
        }else{
        	 //输入全称时bug 重新触发下拉事件
        	 $this.combobox('unselect', val);
        	 $this.combobox('select', val);
        }
    }


 <select  class="easyui-combobox" data-options="onHidePanel:function(){ValidateComboboxInputValue(this)}">




 

分享到:
评论

相关推荐

    jQuery EasyUI 为Combo,Combobox添加清除值功能的实例

    效果图: 图标 (function($){ //初始化清除按钮 function initClear(target){ var jq = $(target);... var opts = jq.data('combo').options;... var combo = jq.data('combo').combo;... var arrow = combo.find('...

    #ComboBox自动补全小技巧(模糊查找)

    本教程将深入探讨如何在C#环境下,利用VS2005为ComboBox添加自动补全或模糊查找功能,这在实际开发中非常实用,能够提升用户体验。 一、自动补全(AutoComplete)原理 自动补全功能基于用户输入的部分文本,快速...

    关于easyUI实现多选下拉框(附带获取值方法及相关js、css)

    在这个特定的场景中,我们关注的是如何使用 EasyUI 实现一个多选下拉框,并且涉及到获取所选值的方法以及相关的 JavaScript 和 CSS 文件。 首先,多选下拉框在 EasyUI 中通常通过 `combobox` 组件来实现,但默认...

    jQuery使用EasyUi实现三级联动下拉框效果

    6. 最后,需要处理一个细节,就是在下拉框被清空时,可能看起来不太美观,因此可以为下拉框设置一个值,例如“全部”,这样用户就能看到下拉框中始终有选项存在。 通过上述步骤,我们能够实现一个基于EasyUI的三级...

    jQuery EasyUI 组件加上“清除”功能实例详解

     在使用 EasyUI 各表单组件时,尤其是使用 ComboBox(下拉列表框)、DateBox(日期输入框)、DateTimeBox(日期时间输入框)这三个组件时,经常有这样的需求,下拉框或日期只允许选择、不允许手动输入,这时只要在...

    为Jquery EasyUI 组件加上清除功能的方法(详解)

    这些函数的工作原理大体相同,都是通过监听组件的`onChange`事件来判断当前值是否为空,从而决定清除图标是否显示。当用户点击清除图标时,对应的`handler`函数会被触发,调用组件的`clear`方法来清除当前值。 在...

    ComboBox(下拉列表框)通过url加载调用远程数据的方法

    当设置为`'remote'`时,ComboBox会在用户输入后向服务器发送请求,以根据用户的输入动态过滤列表。在这种模式下,用户的查询字符串会被附加到请求参数中,通常以`'q'`为键,例如:`?q=&lt;用户输入&gt;`。服务器端应解析这...

    Java框架SSH结合Easyui控件实现省市县三级联动示例解析

    Struts则负责处理前端请求,将请求转发给服务层,并将返回的数据转化为JSON格式,以便Easyui使用。Hibernate则用于操作数据库,执行查询和更新操作。 在前端,我们使用Easyui的`combobox`组件来创建下拉选择框。...

Global site tag (gtag.js) - Google Analytics