直播平台开发，multiple-select 单选框多选框的用法

直播平台开发，multiple-select 单选框多选框的用法

 

1

<div class="row"><br>                        <div class="col-sm-11"><br>                            <div class="input-group"><br>                                <span class="input-group-addon"><br>                角色：<br>             </span><br>                                <div class="form-group"><br>                                    <select multiple="multiple" id="selectRoles <br>                                             name="rolesSelect"></select><br>                                    <input name="roles" id="rolesSelect" hidden/><br>                                </div><br>                            </div><br>                        </div><br>                    </div>

​

首先动态获取下拉框

 

1

<br>function initRole() {<br>    $.post(ctx + "role/list", {}, function (r) {<br>        var data = r.rows;<br>        var option = "";<br>        for (var i = 0; i < data.length; i++) {<br>            option += "<option value='" + data[i].roleId + "'>" + data[i].roleName + "</option>"<br>        }<br>        $rolesSelect.html("").append(option);<br>        var options = {<br>            selectAllText: '所有角色',<br>            allSelected: '所有角色',<br>            width: '100%',<br>            onClose: function () {<br>                $roles.val($rolesSelect.val());<br>                validator.element("input[name='roles']");<br>            }<br>        };<br>        $rolesSelect.multipleSelect(options);<br>    });<br>}

 

以上就是 直播平台开发，multiple-select 单选框多选框的用法，更多内容欢迎关注之后的文章