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>
上次i记得你提问过，也说过，layui的需要渲染，设置一个表单 利用
form.render('select');
来渲染
input 的attr 附值改成prop 试试
你尝试过直接吗?你直接改变data-attr可能无效
body.find('#province_name').val("山东省");
解决办法，将form标签替换为div标签即可。
如有帮助，望采纳
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link rel="stylesheet" href="./layui/css/layui.css">
</head>
<body>
<div class="layui-container">
<!-- 使用form标签会将参数添加到地址栏 -->
<!-- <form class="layui-form" action="http://localhost:8088/test1" method="get">-->
<div class="layui-form">
<div class="layui-form-item">
<label class="layui-form-label">名字</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="uname" id="uname">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">默认参数</label>
<div class="layui-input-block">
<input type="text" class="layui-input" name="clearingFlag" value="1">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-block">
<!--lay-submit不要漏了-->
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</div>
<!-- </form>-->
</div>
<script src="./layui/layui.js"></script>
<script>
layui.use(['form','jquery','layer'],function () {
var form = layui.form;
var $ = layui.jquery;
var layer = layui.layer;
form.on('submit(formDemo)', function(data){
$.get('http://localhost:8088/test1',data.field,function (d) {
layer.msg("success");
});
return false;
});
})
</script>
</body>
</html>
前端debug断点调试一下，看看有么有异常。
1.将返回的省市区数据 拼装到select里,当确定了省->确定市->确定区
2.选中的结果 通过 selected="true"显示
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<select >
<option value="1">1</option>
<option value="2" selected="true">2</option>
<option value="3">3</option>
</select>
</body>
</html>