easyui下拉多选框的创建、获取值、赋值

最新推荐文章于 2024-10-08 18:10:56 发布

小飞猪的希冀

最新推荐文章于 2024-10-08 18:10:56 发布

阅读量725

点赞数

分类专栏： Easyui 文章标签： Easyui 前端下拉多选

本文链接：https://blog.youkuaiyun.com/Tubogo/article/details/84317507

版权

Easyui 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了在EasyUI中如何正确地使用下拉多选框组件，包括HTML结构设置、值的获取与赋值方法。特别强调了在前后端数据交互时采用JSON格式的重要性，以避免特殊字符引起的显示问题。

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

EasyUI后台往前端赋值的时候要用JSON格式，不然容易引起特殊符号导致的不显示

easyui下拉多选Demo：

<select  class="easyui-combobox" id="labOverProduct" style="width:300px; height:34px;" multiple="true" multiline="true"  data-options="editable:false,panelHeight:'auto',value:''">
                        <option value="移动">移动</option>
                        <option value="宽带">宽带</option>
                        <option value="ITV">ITV</option>
                        <option value="固话">固话</option>
                    </select>
                    //添加：multiple="true" ，multiline="true"

easyui下拉多选值获取：

 var labOverProduct = $("#labOverProduct").combobox('getValues').join(',');

easyui下拉多选赋值：

$("#labOverProduct").combobox('setValue','labOverProduct '.split(','));