formSelects多选框

formSelects多选框

css文件

<link href="../../css/formSelects-v4.css" rel="stylesheet" type="text/css" />

选择框容器

<div class="layui-input-block">
    <select id="parkidlist" lay-filter="parkidlist" xm-select="parkidlist" required lay-verify="required">
        <% =pkidlist%>
    </select>
</div>

<% =pkidlist%>为从后台获取的选项数据，如下

public string pkidlist = "";
protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        DataSet dst = new BLL.ytj_parkinfo().GetList("");
        StringBuilder str = new StringBuilder();
        for (int a = 0; a < dst.Tables[0].Rows.Count; a++)
        {
            str.Append("<option value='" + dst.Tables[0].Rows[a]["id"].ToString() + "'>").Append(dst.Tables[0].Rows[a]["parkname"].ToString()).Append("</option>");
        }
        pkidlist = str.ToString();
    }
}

加载模块

layui.config({
    base: '../../../js/' //此处路径请自行处理, 可以使用绝对路径
}).extend({
    formSelects: 'formSelects-v4'
});
var formSelects;
layui.use(['jquery', 'formSelects', 'form'], function () {
    layui.form.render("select");
    formSelects = layui.formSelects;
});

data: {
    "parkidlist": formSelects.value('parkidlist', 'valStr') //valStr获取value值并逗号隔开
}