前端下拉框循环（lay-ui）

 <label class="layui-form-label">部门名称：</label>
    <div class="layui-input-inline">
        <select name="deptId" id="department" lay-verify="required">
        <option value="" ></option>
    </select>
    </div>

ajax的编写

 // form.on('select(business)',function(data) {
    <!--增加表单里部门下拉框的赋值-->
    $(function () {
        $.ajax({
            type: "POST",
            url: 'selectAllDept',  //从数据库查询返回的是个list
            dataType: "json",
            // contentType: "application/json",
            success: function (data) {
             $.each(data, function (index, item) {
                 $('#department').append(new Option(item.deptName,item.deptId));//往下拉菜单里添加元素
                });layui.form.render("select");



            }, error: function () {
                alert("查询部门失败！！！")
            }

        })
    });

两者的关联就在于唯一id:department。
这个从语句上得出：department是个list<?>集合，每个数据存储这个部门名字以及部门id。
整个流程就是：定义department（#号用来定义某个变量名）循环存储deptName跟deptId然后把department丢到select标签里的id去，name则是部门Id的属性(deptId)，之后 会出现部门名字，点击哪个部门名字，就会存储当下这个部门的名字的具有deptId属性的部门id。然后看下data有没有 deptId:xxx 看里面值跟你选的有没有一样，基本上就确定你是获取到这个下拉框的值了。