修改的值可以提交给后台，但是后台到前端显示的时候 总是显示选择框的第一个值，跪求怎么解决？？？？？？？？？？？
*技术职称
初级
中级
副高级
正高级
》》》》》》》》》》》》分割线》》》》》》》》》》》》》》》》》》》》》》》》
layui.use(['form','layer'], function(){
$ = layui.jquery;
var form = layui.form
,layer = layui.layer;
$(":radio[name='gender'][value='"+${pro.gender}+"']").attr("checked",true);
$("#workStatus").find('option[value="'+${pro.workStatus}+'"]').attr("selected",true);
$("#education").find('option[value="'+${pro.education}+'"]').attr("selected",true);
$("#administrative").find('option[value="'+${pro.administrative}+'"]').attr("selected",true);
$("#technicalPost").find('option[value="'+${pro.technicalPost}+'"]').attr("selected",true);
form.render();
});

前言
在用Layui写后台管理页面的时候，有的时候查询的下拉框是需要动态从数据库获取，当用户修改了数据库数据的时候，可以动态的生成最新的下拉框选项。
页面
垃圾名称：
全部
js写法
layui.use(['form', 'table', "laydate", 'layer'], function () {
var form = layui.form;
var table = layui.table;
var layer = layui.layer;
//重点在这里， 获取后台数据， 再拼装， 最后记得form.render
$.ajax({
url: '/refuse-web/admin/getRefuseName',
dataType: 'json',
type: 'get',
success: function (data) {
let str="全部";
for(let i of data){
str+=`${i.name}`;
}
$("#refusename").html(str);
form.render();
//重新渲染 固定写法
}
});
}
总结
这种写法非常适合动态获取类型表这种表数据，作为条件筛选，这种写法不一定是要Layui才能实现，前端框架也可以变通的使用。

1.导入必要的文件
<script src="../../lib/layui-v2.5.5/layui.js" th:src="@{/lib/layui-v2.5.5/layui.js}" charset="utf-8"></script>
 <link rel="stylesheet" href="../../lib/layui-v2.5.5/css/layui.css" th:href="@{/lib/layui-v2.5.5/css/layui.css}" media="all">

 <link rel="stylesheet" href="" th:href="@{/lib/formSelects/formSelects-v4.css}">
 <script src="" th:src="@{/lib/formSelects/formSelects-v4.js}" charset="utf-8"></script>

下拉框模块
 <div class="layui-form-item">
        <label class="layui-form-label">安排科目</label>
        <div class="layui-input-block">
            <select name="roleId" xm-select="roleId" lay-verify="required">

            </select>
        </div>
    </div>

2.获取数据并加载
 $.ajax({
                type: 'post',
                url: '[[@{/}]]system/selCsData',
                data: parent_json,
                success: function (data) {
                    console.log(data)
                    var courses=data.courses;
                    var cs=data.cs;
                    // 渲染多选下拉框
                    var roleSelectData = new Array();
                    for (var i = 0; i < courses.length; i++) {
                        //固定样式
                        roleSelectData.push({name: courses[i].sName, value: courses[i].sId});
                    }
                    //本地加载模式local
                    layui.formSelects.data('roleId', 'local', {arr: roleSelectData});



                    //获取对象列表的某个属性生成数组
                    var result = cs.map(function(item) {
                        return item.sId;
                    });
                    // 选中value为result中的option
                    layui.formSelects.value('roleId', result);       

                }
            });

3.效果

项目中使用layui,也使用了thymeleaf动态模板

在做编辑时,thymeleaf动态加载数据,input框可以正常显示,下拉框却不能正常显示

于是我用了下面的代码
form.render('select');
或者
form.render();  

下拉框正常加载了,但是没有默认选项,这是layui的一个大坑之处,本来我使用的一种复杂的方法也可以实现赋值,但是我还是使用了layui默认赋值,写的麻烦但是简单易懂


通过thymeleaf的判断方法加载不同的代码,可以实现
水平有限,如果有更好的方法请告知

ajax之类的动态赋值就不必了,因为我这个情况比较特殊,是后台传过来的集合遍历出来的,数据较多不好区分