关于select的多选框实现

最新推荐文章于 2024-07-14 02:37:49 发布

Wing_gor

最新推荐文章于 2024-07-14 02:37:49 发布

阅读量371

点赞数

文章标签： easyui

本文链接：https://blog.csdn.net/qq_40085888/article/details/84590697

版权

借助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);
        }

ps: 该代码需需在文档加载完成后运行.不能直接写在<select>下方.