彦成- 2022-12-11 18:57 采纳率: 33.3%
浏览 105
已结题

layui单选框和省市无法回显,如何解决?

layui单选框和省市无法回显
这是发请求、get页面赋值的代码,da哥们帮忙看看,有偿,困扰我两天了,接受远程


 //修改医院基本信息
        $("#updHospital").click(function (){
            //获取当前行数据
            var data = table.checkStatus('hospitalTable').data//此处传的是表格的id
            if(data.length!=1){
                layer.msg("每次只能修改一个医院的信息")
            }else {
                layer.open({
                    type:2,
                    title:'医院信息录入',
                    area:['792px','662px'],
                    content:"updHosp.jsp",
                    //参数是弹出层的dom对象和弹出层的索引
                    success:function (layero,index){
                      //弹层弹出的调用方法
                       $.getJSON("/hospital/selHospitalByname",{
                           hospName:data[0].hospitalName,
                       },function (d){
                           console.log("d==",d)
                           if(d.code==200){
                                //数据显示在弹出层console.log("body==",body)
                                var body=layer.getChildFrame('body',index);
                                //省市回显,这里先给的死数据,还是无法正常回显
                                body.find('#province_name').attr("data-value", "山东省");
                                body.find('#city_name').attr("data-value", "烟台市");

                               //单选框回显
                               if(d.data.collectorJoinType==1){
                                   body.find("input[name='collectorJoinType'][value=1]").attr('checked',"true")
                                  //接口的值
                                   body.find("#onePort").val(d.data.portNumber)
                               }
                               if(d.data.collectorJoinType==2){
                                   body.find("input[name='collectorJoinType'][value=2]").attr('checked',"true")
                                   body.find("#twoPort").val(d.data.portNumber)
                               }

                               // layui.form.render("select");//下拉框
                               // layui.form.render("radio");//单选框

                           }
                       });

                    },
                    end:function (){
                        //关闭弹层数据表格刷新
                        table.reload("hospitalTable")
                    },
                })
            }
        })

这是弹层的代码,只拷了无法显示那部分

<div class="layui-row">
                <div class="layui-col-md6" style="float: left;">
                    <!--省市区联动三级联动-->
                    <div class="layui-form-item" id="area-picker">
                        <div class="layui-form-label">省市</div>
                        <div class="layui-input-inline" style="width: 100px;">
                            <select id="province_name" name="province_name"  value="{{ $info->province_name ?? '' }}"  class="province-selector" data-value="{{ $info->province_name ?? '' }}" lay-filter="province-1">
                                <option value="" >请选择省</option>
                            </select>
                        </div>
                        <div class="layui-input-inline" style="width: 100px;">
                            <select id="city_name" name="city_name" value="{{ $info->city_name ?? '' }}" class="city-selector" data-value="{{ $info->city_name ?? '' }}" lay-filter="city-1">
                                <option value="">请选择市</option>
                            </select>
                        </div>
                        <div class="layui-input-inline" style="width: 100px;">
                            <select id="area_name" name="area_name" value="{{ $info->area_name ?? '' }}" class="county-selector" data-value="{{ $info->area_name ?? '' }}" lay-filter="county-1">
                                <option value="">请选择区</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-form-item">
                        <label class="layui-form-label">院长电话</label>
                        <div class="layui-input-block">
                            <input type="text" id="hospitalDeanPhone" name="hospitalDeanPhone" required  lay-verify="phone" placeholder="请输入" autocomplete="off" class="layui-input" style="width: 200px;">
                        </div>
                    </div>
                </div>
            </div>


 <div class="layui-form-item">
                <div class="layui-row">

                    <div class="layui-inline">
                        <label class="layui-form-label">使用采集器</label>
                        <div class="layui-input-inline">
                            <input id="radio0" type="radio" name="collectorJoinType" value="0"  title="软件协议接入">
                        </div>
                        <div class="layui-input-inline">
                            <input id="radio1" type="radio" name="collectorJoinType" value="1" title="通用设备接口接入" >
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" id="onePort" name="onePort" required  placeholder="请输入通用设备接口" autocomplete="off" class="layui-input" style="width: 200px; ">
                        </div>
                    </div>

                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <input id="radio2" type="radio" name="collectorJoinType" value="2" title="自定义设备接口接入" >
                        </div>
                        <div class="layui-input-inline">
                            <input type="text" id="twoPort" name="twoPort"  placeholder="请输入自定义设备接口" autocomplete="off" class="layui-input" style="width: 200px; ">
                        </div>
                    </div>

                </div>
            </div>

  • 写回答

6条回答 默认 最新

  • 一把编程的菜刀 2022-12-15 17:57
    关注
    获得1.05元问题酬金

    上次i记得你提问过,也说过,layui的需要渲染,设置一个表单 利用

     form.render('select'); 
    

    来渲染

    评论

报告相同问题?

问题事件

  • 系统已结题 12月19日
  • 修改了问题 12月11日
  • 创建了问题 12月11日

悬赏问题

  • ¥15 c#转安卓 java html
  • ¥15 os.listdir文件路径找不到
  • ¥15 使用gojs3.0,如何在nodeDataArray设置好text的位置,再go.TextBlock alignment中进行相应的改变
  • ¥15 psfusion图像融合指标很低
  • ¥15 银河麒麟linux系统如何修改/etc/hosts权限为777
  • ¥50 医院HIS系统代码、逻辑学习
  • ¥30 docker离线安装mysql报错,如何解决?
  • ¥15 构建工单的总账影响在哪里查询或修改
  • ¥15 三个简单项目写完之后有重赏之后联系我
  • ¥15 python报内存不能read错误