easyui-combobox

方法一、从后台返回请求加载Combobox下拉框数据

<select name="xialaName" id="xialaID"  style="width:142px;height:20px;font-size:13px;border:1px solid teal">
</select>

js部分 

$.ajax({
        url : rootPath+'/search.do?',
        success : function(result) {
                var seHtml = "";
                for(var i = 0 ;i<result.length; i++) {
                    seHtml += "<option>"+result[i].text+"</option>";
                }
                $("#xialaID").html(seHtml);
        },
        async : true,
        dataType : "json"
    });

方法二、easyUI的combobox控件

$("#mateBelongZID").combobox({  
        url : rootPath+'/search.do?',
        valueField:'id',   
        textField:'text'  
    });  

两种方法后台返回的数据格式均为Json格式的数据

查询到数据后，遍历把每个数据的值和对应要显示的内容放在一个map中，键分别为id和text，然后把map放入list，转成json格式，返回前台

Controller层
/**
     * 查询摄像头所属的占
     * @return
     */
    @RequestMapping("/search<span style="font-family: verdana, Arial, Helvetica, sans-serif; line-height: 25.2px;">")</span>
    @ResponseBody
    public List search(HttpServletRequest request){
        // 把登录用户信息推送到业务类
        List<?> list = InfoService.query();
        return list;
    }
    
service层
/**
 * 查询
 */
    @Override
    public List query() {
       String sql = "select * from  user";
        List<user> list = workareaInfoDao.queryuser(sql);
        List list1 = new ArrayList();
        for(VectorInfo  CameraInfo: list){
            Map<String,String> map= new HashMap<String,String>();
            map.put("id", CameraInfo.getWorkareaName());
            map.put("text",  CameraInfo.getWorkareaName());
            list1.add(map);
        }
        return list1;
    }