关于easyui combobox下拉框实现多选框的实现

最新推荐文章于 2024-08-01 04:44:12 发布

慢慢成长的我

最新推荐文章于 2024-08-01 04:44:12 发布

阅读量4.2w

点赞数 7

分类专栏： easyui学习

本文链接：https://blog.csdn.net/u012027337/article/details/53927376

版权

本文介绍如何使用EasyUI的Combobox实现下拉框多选功能，包括前端界面展示、后端数据获取及如何处理多选值。在前端，通过设置特定样式实现每个选项前的复选框，利用`getValues`方法获取选中值。后端通过特定URL获取数据，并在控制器层解析前端传递的多选值，用于构建数据库查询条件。

摘要由CSDN通过智能技术生成

好长时间没有更博了，一是因为最近真的比较忙，二是因为自己是真的偷懒了，哈哈

好啦，这篇博客主要是总结一些关于easyui combobox下拉框实现多选框的实现，包括前台界面的展示，和后台对数据的获取应用

一、实现的效果图如下：

二、实现

1、前台html代码：定义学术荣誉下拉框

<td align="right" style="width: 70px;">学术荣誉：</td>
	<td >
		  <input id="xsry" name="xsry"  style="width: 150px;"  class="easyui-combobox" >
	</td>

2、js部分初始化学术荣誉下拉框数据

需要给大家说明一下的是，我上面展示的效果图里面加载的数据来自我自己这边的数据库字典，即来自数据库，那么就需要从后台获取数据了，下面会做详细介绍，

很多同学会很好奇我的easyui-combobox实现的效果怎么和官方的实现相比多了每个下拉选项前面

关注

专栏目录