combobox 只能选择第一个

最新推荐文章于 2024-11-25 17:26:43 发布

weixin_30342827

最新推荐文章于 2024-11-25 17:26:43 发布

阅读量553

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/ckxlovejava/p/7992496.html

本文介绍在使用EasyUI的ComboBox组件时遇到的选择项回填问题及其两种解决方案。第一种方法是将API中的id字段改为value；第二种方法是通过valueField和textField属性指定数据字段。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用combobox时有时对于特定的下拉框内容我们一般不需要去请求url获得值，我们只用在js里面控制就好了，昨天遇到的问题是在js里面按照api给的方法写进去，显示是正常的

但是当我去选择的时候发现，不管你选择哪一个，都只会回填第一个值。很纳闷，后来请教easyUI大神，得以解决，有两种方法：

一、把api里面的id换成vaule

            $('#201711271647106561174354935524').combobox({
                data:[
                {    
                    "value":1,    
                    "text":"未开始"   
                },{    
                    "value":2,    
                    "text":"进行中"   
                },{    
                    "value":3,    
                    "text":"已完成"   
                },{    
                    "value":4,    
                    "text":"暂停"   
                },{    
                    "value":5,    
                    "text":"取消"   
                }],
                onSelect:function(rec){
                    console.log(rec);
                }
            });

方法二、

            $('#201711271652407353448711985811').combobox({
                onSelect:onQueryBtn,
                valueField:'id',    
                textField:'text',
                data:[{
                        "id":1,
                        "text":"正常"},
                    {
                        "id":2,
                        "text":"警告"},
                    {
                        "id":3,
                        "text":"延误"
                    }],
            });

function onQueryBtn(par){
    console.log(par);
}