EasyUI combobox（多选下拉框）设置和获取选中值

谁借莪１个温暖的怀抱￠ 2023-10-05 16:55 12阅读 0赞

### 1 多选下拉框设置选中值 ###

#### 1.1 setValues+勾选选中行的复选框 ####

//设置多选下拉框选中值
    function SetValues(objId,values){
        $('#' + objId).combobox("setValues", values);
        for (var i = 0; i < values.length; i++) {
            var value = values[i];
            var children = $(target).combobox("panel").children();
            $.each(children, function (index, obj) {
                if (value == obj.getAttribute("value") && obj.children && obj.children.length > 0) {
                    obj.children[0].checked = true;
                }
            });
        }
    }

#### 1.2 select ####

//设置多选下拉框选中值
    function SetValues(obj,values){
        for (var i = 0; i < values.length; i++) {
            $('#' + objId).combobox('select', values[i].toString());
        }
    }

注：setValues+勾选选中行的复选框这种设置多选下拉框选中值方法，只能用于拥有复选框的多选下拉框中。

### 2 多选下拉框获取选中值 ###

通过combobox()的getValues获取多个选中值

//获取选中值，以字符串的形式返回
    function getValues(objId){
        var valuesList=$("#"+objId).combobox("getValues");
        var values="";
        if(!valuesList||values.length<0){
            return "";
        }
        for(var i=0;i<valuesList;i++){
            values+=","+valuesList[i];
        }
        return values.substr(1);
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，12人围观）

还没有评论，来说两句吧...

相关阅读

相关 EasyUI combobox（多选下拉框）设置和获取选中值

1 多选下拉框设置选中值 1.1 setValues+勾选选中行的复选框 //设置多选下拉框选中值 function SetValues(objId

谁借莪１个温暖的怀抱￠/ 2023年10月05日 16:55/ 0 赞/ 13 阅读

相关 javascript原生获取多选下拉框选中的值

下拉框一般都是单选的, 所以直接通过document.querySelector('select').value就可以知道选中的值了. 如果只是想判断是否有选中的话还可以通过

青旅半醒/ 2023年03月02日 13:13/ 0 赞/ 44 阅读

相关 extjs获取多选框_extjs下拉框，多选，单选，动态传值

后台java代码 @RequestMapping(params = "command=adduser") public void getUser(HttpServletRe

女爷i/ 2022年12月31日 14:24/ 0 赞/ 329 阅读

相关 jquery获取下拉框多选的值

select下拉框选中的值，用jquery获取 $("selectBox option:selected").val(); 获取多选框的value值，使用遍历最简单

客官°小女子只卖身不卖艺/ 2022年12月25日 12:54/ 0 赞/ 194 阅读

相关 jquery获取单选框复选框下拉框值

jquery获取单选框（radio）复选框（checkbox）下拉框（select）的值，亲测可用。有什么疑问可以留言效果图： ![20160218153630060][

男娘i/ 2022年08月20日 08:28/ 0 赞/ 445 阅读

相关 EasyUI之下拉框combobox

1、实例背景 EasyUI下拉框combobox，实例给出一个日期控件和一个下拉框，选择日期控制下拉框的月份；改变下拉框选项就改变日期的月份。 2、实例

太过爱你忘了你带给我的痛/ 2022年07月15日 13:22/ 0 赞/ 299 阅读

相关 EasyUI实现下拉框多选

效果图： ![Center][]![Center 1][] 这个没什么说的，直接引入css和js文件和图片，调用js即可。下面是源码： <!DOCTYPE

亦凉/ 2022年06月06日 10:54/ 0 赞/ 699 阅读

相关 EasyUI单选，多选，下拉框

单选框 <div> <label for="name">性别:</label> <input type="radio"

一时失言乱红尘/ 2022年05月27日 03:24/ 0 赞/ 746 阅读

相关 jquery 获取easyui combobox选中的值

jquery 获取easyui combobox选中的值 $('\comboboxlist').combobox(' getText '); 所有选中的值对

r囧r小猫/ 2022年05月26日 04:24/ 0 赞/ 370 阅读

相关 jQuery EasyUI -ComboBox（下拉列表框）使用

注：[https://www.cnblogs.com/huoxiansudi/p/6588308.html][https_www.cnblogs.com_huoxiansudi

痛定思痛。/ 2021年09月27日 11:04/ 0 赞/ 434 阅读