0
点赞
收藏
分享

微信扫一扫

layui 下拉框 联动多级 ajax取值方法

Raow1 2022-07-27 阅读 66


layui 下拉框 联动多级 ajax取值方法

layui 下拉框 联动多级 ajax取值方法_赋值

 

  <div class="layui-form-item" id="app_url" style="display: none;">
<div class="layui-inline">
<label class="layui-form-label">URL链接</label>
<div class="layui-input-inline">
<select name="hm" lay-filter="url1" lay-verify="required">
<option value="">链接到栏目</option>
{volist name="menu_rs" id="vo"}
<option value="{$vo.id},{$vo.controller}">{$vo.title}</option>
{/volist}
</select>
</div>
</div>
<div class="layui-inline">
<label class="layui-form-label">落地页</label>
<div class="layui-input-inline">
<select name="hm2" id="hm2" >
<option value="">链接到具体网页</option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">广州</option>
<option value="3">深圳</option>
<option value="4">杭州</option>
</select>
</div>
</div>
</div>

 

      form.on('select(hm)', function(data){
//console.log(data.value); //得到被选中的值
var data = myData(data.value);
$("#hm2").append(data);
form.render('select');
$("#hm2").find("option").remove();
//console.log(data);
});

function myData(id1) {
var data1 ;
$.ajax({
url:'{:url('register')}',
type:"post",
data:{action:'js_type',tid:{$tid},cid:{$cid},ccid:{$ccid},id1:id1},
async:false,
success:function(data){
data1 = data;
//data1 = JSON.parse(data);
//console.log(data1);
},
error:function(){
layer.msg('读取数据失败!');
}
});
return data1;
}

        赋值:       $("#hm2").append(data);
        重新渲染,才会出现值:    form.render();

      清空之前的选项:$("#hm2").find("option").remove();

 

控制器返回数据格式:

$returndata="<option value='1'>北京</option><option value='2'>北京2</option>";

 

 

举报

相关推荐

0 条评论