layui弹出层 弹出隐藏＜script type=“text/html“＞,无法显示下拉框，单选框之类的标签解决方法

html   type="text/html" 页面不会加载里面内容

<script type="text/html" id="studentAdd">
<div  align="center">

    <%--    action="<%=request.getContextPath()%>/student?method=add"--%>
        <form id="getstudent" class="layui-form layui-form-pane" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-block">
                    <input type="text" name="name" autocomplete="off" placeholder="请输入用户名" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-block">
                    <input type="text" name="password" autocomplete="off" placeholder="请输入密码" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">年龄</label>
                <div class="layui-input-block">
                    <input type="text" name="age" autocomplete="off" placeholder="请输入年龄" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">地址</label>
                <div class="layui-input-block">
                    <input type="text" name="address" autocomplete="off" placeholder="请输入地址" class="layui-input">
                </div>
            </div>
            
            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="gender" value="男" title="男" checked="">
                    <input type="radio" name="gender" value="女" title="女">
                </div>
            </div>
        </form>
</div>
</script>

layer使用的时layui独立出来的板块，

content: $('#studentAdd').html(),将隐藏的页面内容加载到layer弹出层，

要在开头写入这串代码，不然form表单下拉框，单选框内容无法显示
var form;
layui.use(['form', 'laydate'], function() {
    form = layui.form;

    var laydate = layui.laydate;
});

 点击事件调用该函数，在layer.open后加入重点

form.render();

function showlayer(){
layer.open({
            type: 1,
            area: ['400px', '600px'],
            content: $('#studentAdd').html(),
            icon: 3,
            // time:2000,
            btn: ['添加', '取消'],
            btn1: function (index) {
                console.log($('#getstudent').serialize());
                $.ajax({
                    async: true,//true==异步操作，false=同步操作；
                    url: '${pageContext.request.contextPath}/student?method=add',
                    type: 'post',
                    data: $('#getstudent').serialize(),
                    dataType: 'json',
                    success: function (js) {
                        console.log(js)
                        if (js.code == 0) {
                            layer.close(index);
                            mylayer.errorMsg(js.msg);
                        } else {
                            layer.close(index);
                            mylayer.okMsg(js.msg,);
                            showtable.reload('tableId');
                        }
                    }

                })
            },
            end: function () {
                // layer.closeAll();
                // $("#studentAdd").css("display", 'none');
                // location.href = "ajax.jsp";
            }
        })
        form.render();
}
    

如果要对  type="text/html" 里面单选框，下拉框赋值，form.render();一定要在所以操作后面

$.ajax({
                    async: true,//true==异步操作，false=同步操作；
                    url: '${pageContext.request.contextPath}/student?method=updatePage',
                    type: 'post',
                    data: {'id': data.id},
                    dataType: 'json',
                    success: function (js) {
                        console.log(js)

                        layer.open({
                            type: 1,
                            area: ['400px', '400px'],
                            content: $('#studentAdd').html(),
                            icon: 3,
                            // time:2000,
                            btn: ['添加', '取消']
                        })
                        // console.log($("#getstudent input[name='name']"));
                        $("#getstudent input[name='name']").val(js.student.name);
                        $("#getstudent input[name='age']").val(js.student.age);
                        $("#getstudent input[name='banji_id']").val(js.student.banji_name);
                        if(js.student.gender=='男') {
                            console.log('yes')
                            $("#getstudent input[name=gender]").eq(0).prop('checked', true);
                            console.log($("#getstudent input[name=gender]").eq(0));

                            // $("#getstudent input[name='gender']")[0].checked=true;

                            // $("#getstudent input[name='gender'][value='女']").attr('checked', false);
                        }
                        else{
                            console.log('no')
                            $("#getstudent input[name='gender']")[1].checked=true;

                            // $("#getstudent input[name='gender'][value='男']").attr('checked', false);
                            // $("#getstudent input[name='gender'][value='女']").attr('checked', true);
                        }

                        form.render();

                        // if (js.code == 0) {
                        //     layer.close(index);
                        //     mylayer.errorMsg(js.msg);
                        // } else {
                        //     layer.close(index);
                        //     mylayer.okMsg(js.msg);
                        //     showtable.reload('tableId');
                        // }
                    }

                })