EasyUI多选下拉框的取值和赋值

最新推荐文章于 2025-07-10 22:13:19 发布

原创最新推荐文章于 2025-07-10 22:13:19 发布 · 7.2k 阅读

0 ·

CC 4.0 BY-SA版权

MyBatis 同时被 2 个专栏收录

8 篇文章

订阅专栏

EasyUI

7 篇文章

订阅专栏

本文介绍了如何在EasyUI框架中操作多选下拉框，包括如何获取选中的值以及如何清空下拉框的选择值。对于使用EasyUI进行前端开发的人员来说，这是一个实用的技巧指南。

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

@RequestMapping("/getCodeList")
 public void getCodeList(HttpServletResponse resp){
  ResUtil.resp(resp,JSON.toJSON(bizGuideMapper.getCodeList()).toString().toLowerCase());
 }
@Select("select id,NAME as text from BIZ_DOWNLOAD" )
 @ResultType(value=HashMap.class)
 public List<Map<String, String>> getCodeList();

<table class="grid">
    <tr>
     <td>  资料下载：   </td>
     <td>
      <input id="downloadDoc" name="downloadDoc" value="${bizGuide.downloadDoc}" style="width:435px" class="easyui-combobox"
       data-options="required:false,multiple:true,panelHeight:120,
        editable:false,textField:'text',valueField:'id',
        url:'${ctx}/bizGuideCtrl/getCodeList.do'" />
     </td>
   </tr>
 </table>

easyui 下拉框清空下拉值的按钮

$.fn.combobox.defaults.icons=[{
iconCls:'icon-clear',
 handler:function(e){
  //alert($(e.handleObj.data.target).combobox('getValue'));
 $(e.handleObj.data.target).combobox('clear');
  }
}];