EasyUI combobox动态增加选择项

有需求需要动态的为combobox增加可选项,后来解决方案如下

html如下

<select id="workerList"></select>

js 如下

keyArray为数组 tips:此处forEach 不是都支持,火狐官网上有对此方法的修正现在直接将代码贴上,大家可以自行查阅

if (!Array.prototype.forEach) {
            Array.prototype.forEach = function(callback, thisArg) {
                var T, k;
                if (this == null) {
                    throw new TypeError(" this is null or not defined");
                }
                var O = Object(this);
                var len = O.length >>> 0; // Hack to convert O.length to a UInt32
                if ({}.toString.call(callback) != "[object Function]") {
                    throw new TypeError(callback + " is not a function");
                }
                if (thisArg) {
                    T = thisArg;
                }
                k = 0;
                while (k < len) {
                    var kValue;
                    if (k in O) {
                        kValue = O[k];
                        callback.call(T, kValue, k, O);
                    }
                    k++;
                }
            };
        } 
 keyArray.forEach(function(x){
                                $("#workerList").append("<option value=\""+x+"\">"+x+"</option>");
                            })
$("#workerList").combobox(
                    {
                        editable:false,                            panelHeight:‘auto‘,
                        onSelect:function(param){
                              selectChange(param)
                              }
                     });
时间: 2024-10-03 21:54:13

EasyUI combobox动态增加选择项的相关文章

Extjs ComboBox 动态选中第一项

有时候我们希望通过Store加载过来的数据,ComboBoxItem能够选择第一条数据作为默认数据,我们可以这么操作: var storeinfo = Ext.create('Ext.data.Store', { model: SaleInfo, autoLoad: false, pageSize: 10000, proxy: { type: 'ajax', url: '/URL/JSON', reader: { type: 'json', rootProperty: 'Data', total

easyui combobox动态默认选项设置

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 引入JQuery --> <script type="text/javascript" src="../JQuery-EasyUI-1.5.1/jquery.min.js">

JQuery EasyUI combobox动态添加option

<input id="select_city" name="select_city" class="easyui-combobox" style="width:435px" data-options="valueField:'id', textField:'text' > 方法一: var data, json; json='[{"id":1 , "text":&q

解决QML开发中ComboBox中一个已选择项没有清除的问题

解决QML开发中ComboBox中一个已选择项没有清除的问题 近期使用QML开发一个项目.须要使用ComboBox进行显示.当进行一个操作时,须要向ComboBox加入一个元素,当进行另外一个操作时.须要清除ComboBox里面的元素. 可是在操作的过程中,出现了一个诡异的现象--ComboBox里面的已选择项并没有清除. 以下是程序的截图,能够看到.ComboBox中已选择项并没有删除.可是ComboBox中的候选项已经删除了. 我在QTCN上进行提问.后面再大家的努力下,最终把这个问题攻克了

Easyui combobox如何默认选中第一项???

以下代码可以实现combobox默认选中第一项,在实际开发中我们可能会用到! // 处理combobox默认选中的问题 <input id="user_type" class="easyui-combobox" name="user_type" data-options=" valueField:'id', textField:'name', url:'<?php echo \Yii::$app->urlManager

easyui combobox开启搜索自动完成功能

combo.json [{ "id":-1, "text":" ", "spell":"" },{ "id":1, "text":"类型1", "spell":"lx1" },{ "id":2, "text":"类型2", "spell&q

表单(上)EasyUI Form 表单、EasyUI Validatebox 验证框、EasyUI Combobox 组合框、EasyUI Combo 组合、EasyUI Combotree 组合树

EasyUI Form 表单 通过 $.fn.form.defaults 重写默认的 defaults. 表单(form)提供多种方法来执行带有表单字段的动作,比如 ajax 提交.加载.清除,等等.当提交表单时,调用 'validate' 方法来检查表单是否有效. 用法 创建一个简单的 HTML 表单.构建表单并给 id.action.method 赋值. <form id="ff" method="post"> <div> <lab

在Winform界面菜单中实现动态增加【最近使用的文件】菜单项

在我们一些和文件处理打交道的系统中,我们往往需要记录下最近使用的文件,这样方便用户快速打开之前浏览或者编辑过的文件,这种在很多软件上很常见,本文主要介绍在Winform界面菜单中实现[最近使用的文件]动态菜单的处理,实现一个较为常用的功能. 在我上篇随笔<文字处理控件TX Text Control的使用>介绍的内容中,我针对性的对这个控件的使用做了一个全面的了解,发现其中案例代码总这部分的功能实现[最近使用的文件]挺好,于是把它进行了整理,把整个思路作为一篇随笔进行记录,希望对大家有所帮助.

C# winform 选择项 省市连动

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.Data.SqlClient; namespace 省市联动 { public partial class