layadmin(layui)多个下拉菜单联动js代码,来自日常项目切图遇到的问题,虽然比较简单,但是做个备注,方便下次查找,并且也分享给需要的人。
//是否联系到联动
form.on('select(lx)', function(data){
console.log(data.value);
if(data.value==1){
$('#jg').html('<option value="">请选择</option>'+
'<option value="11" >有参赛意向</option>'+
'<option value="22">无参赛意向</option>'+
'<option value="22">参赛意向待定</option>'+
'<option value="22">测试/无效填写</option>');
}
else if(data.value==0){
$('#jg').html('<option value="">请选择</option>'+
'<option value="111" >关机/未接/占线/挂断</option>'+
'<option value="222">空号/停机</option>');
}
else{
$('#jg').html('<option value="">请选择</option>');
}
//element.render();
form.render();
});
html代码
<div class="layui-form-item ">
<label>是否联系到</label>
<div class="layui-input-block ml0">
<select name="type" lay-verify="required" lay-filter="lx">
<option value="">请选择</option>
<option value="1">已联系到</option>
<option value="0">未联系到</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label >联系结果</label>
<div class="layui-input-block ml0">
<select name="type" lay-verify="required" id="jg" >
<option value="">请选择</option>
<option value="0">确定参赛</option>
<option value="1">确定不参赛</option>
<option value="2">参赛意向待定</option>
<option value="3">测试/无效填写</option>
</select>
</div>
</div>
关注“qietuwang”微信公众号,获取一手干货内容推送
本文由切图网原创,转载请保留版权:
微信扫一扫二维码访问