`
IT_Dodo
  • 浏览: 13240 次
  • 性别: 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)}">




 

分享到:
评论

相关推荐

    easyui-textbox和easyui-combobox的onchange事件响应实例

    在 EasyUI 中,`onchange` 事件同样适用于 `easyui-textbox` 和 `easyui-combobox`,可以用来监听用户在这些组件上的操作,例如输入或选择值后进行相应的处理。 以下是一个基本的 `onchange` 事件响应实例: ```...

    在easyui-combobox多选模式下加入选择所有选项

    &lt;select class="easyui-combobox" name="myComboBox" multiple="true"&gt; &lt;!-- 选项数据 --&gt; ``` 在多选模式下,用户可以通过Ctrl或Shift键进行多选,但默认情况下并没有提供“选择全部”功能。为了实现这一功能,...

    easyui的下拉框多选

    EasyUI是基于jQuery的一个轻量级且易于使用的前端框架,它提供了丰富的组件库,包括我们今天要讨论的多选下拉框(ComboBox)。 EasyUI的ComboBox组件可以实现单选和多选两种模式。在多选模式下,用户可以勾选多个...

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

    本文介绍在使用jQuery EasyUI框架开发Web界面时,如何为Combo和Combobox组件添加清除值的功能。在很多Web应用中,提供一个清除输入的功能是十分必要的,可以提高用户的交互体验。jQuery EasyUI提供了一套丰富的UI...

    easyui中combobox后台交互实例

    &lt;select class="easyui-combobox" name="myCombobox" style="width:200px;"&gt; ``` 或 ```html &lt;input type="text" class="easyui-combobox" name="myCombobox" style="width:200px;"&gt; ``` **后台交互** 实现后台...

    easyui-combobox、combotree后台数据数据组装与前台绑定实例

    总结来说,"easyui-combobox、combotree后台数据数据组装与前台绑定实例" 主要涉及两个部分:后端 C# 数据组装成 JSON 格式,以及前端使用 EasyUI 的 Combobox 和 Combotree 组件进行数据绑定。通过这样的方式,我们...

    jQuery EasyUI编辑DataGrid用combobox实现多级联动

    在jQuery EasyUI中,DataGrid是一种常用的表格展示控件,它可以与各种编辑器结合使用,如combobox(下拉框)来实现更丰富的交互功能。本文主要探讨的是如何利用jQuery EasyUI的DataGrid和combobox组件实现多级联动的...

    如何解决easyui自定义标签 datagrid edit combobox 手动输入保存不上

    总之,解决EasyUI自定义标签datagrid edit combobox手动输入保存不上的问题,关键在于正确地利用`onEndEdit`事件,获取并处理用户在combobox中的输入。通过这种方式,可以确保用户的所有修改都能够被正确地保存,...

    EasyUI Combobox设置默认值 获取text的方法

    在使用EasyUI框架进行Web开发时,Combobox是一种常见的组件,它将下拉列表与输入框结合,方便用户选择或输入数据。本文将详细介绍如何在EasyUI Combobox中设置默认值以及如何获取选中项的text。 首先,我们来看如何...

    easyUI combobox实现联动效果

    - 通过 `&lt;select&gt;` 元素创建:预先定义好选项,添加 `class="easyui-combobox"` 和 `id`。 - 通过 `&lt;input&gt;` 标签创建:指定 `data-options` 属性,包含 `valueField`(值字段)、`textField`(文本字段)和数据源...

    Easyui Combobox 过滤功能,类似火车票网站过滤

    ### EasyUI Combobox 过滤功能详解 #### 一、EasyUI概述 EasyUI 是一个基于 jQuery 的 UI 框架,它简化了 Web 应用程序开发过程中的界面构建工作。通过 EasyUI,开发者可以方便地创建出复杂的用户界面,并且支持...

    EasyUI 下拉菜单 下拉树 模糊搜索

    支持下拉菜单 下拉树 模糊搜索,支持中间字段的匹配

    jquery easyui combobox 级联java demo(真正可用)

    &lt;select class="easyui-combobox" id="province"&gt; 请选择省份 &lt;select class="easyui-combobox" id="city"&gt; 请选择城市 ``` 然后,使用jQuery EasyUI的API设置Combobox的属性和数据源。例如,我们可以使用`...

    EasyUI学习之Combobox级联下拉列表(2)

    每个输入框都带有`class="easyui-combobox"`,表明它们是EasyUI的Combobox组件。每个Combobox都有一个唯一的ID,如`id="School"`,这将在JavaScript中被用来绑定数据和事件。 2. 显示部分可能是指实际在页面上呈现...

    jquery easyui combobox模糊过滤(示例代码)

    修改jquery easyui combobox模糊过滤 代码如下:filter:function(q,row){ var opts=$(this).combobox(“options”); //return row[opts.textField].indexOf(q)==0;// return row[opts.textField].indexOf(q)&gt;-1;//将...

    easyui的datagrid中editor和combobox的级联

    ### easyui的datagrid中editor和combobox的级联 在前端开发中,easyui是一个非常实用的库,它提供了一套完整的用户界面组件,能够帮助开发者快速构建出功能丰富的Web应用。其中,`datagrid`是easyui提供的一个重要...

    jQuery+easyui中的combobox实现下拉框特效

    &lt;input id="cc" class="easyui-combobox" name="name" data-options="valueField:'value',textField:'text',data:[{'value':'1','text':'java'},{'value':'2','text':'C#'}]"/&gt; ``` 这里的`valueField`指定了下拉...

    EasyUI中combobox默认值注意事项

    在使用EasyUI框架进行Web应用开发时,常常会遇到设置Combobox(下拉框)默认值的问题。EasyUI的Combobox组件是一个强大的选择项输入控件,它将文本输入框和下拉列表相结合,提供了丰富的功能。然而,在设置默认值时...

    EasyUI绑定属性下拉框所需的数据格式

    从数据库里查询到的数据通过递归拼接成EasyUI所需要的json格式纯方法代码,有注释

Global site tag (gtag.js) - Google Analytics