欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于select的多选框实现

程序员文章站 2022-05-19 08:17:54
...

借助easyui-combobox来实现, 具体代码如下

<td>多选</td>
                    <td>
                        <select id="businessContent" style="height: 30px" name="businessContent" multiple="multiple"
                                 class="easyui-combobox" data-options="multiple:true">
                            <option value="">--请选择--</option>
                            <option value="1">A</option>
                            <option value="2">B</option>
                            <option value="3">C</option>
                        </select>
                    </td>

设置回显值, 通过其 setValues. 传一个数组即可.注意在页面加载完后进行

var businessContentVal = '${review.businessContent}';
        if (businessContentVal != null && businessContentVal != '') {
            var arr = businessContentVal.split(",");
            $("#businessContent").combobox("setValues",arr);
        }

 

相关标签: easyui