layui中select 实现二级联动

layui中实现二级联动,有的时候二级联动不出来

给大家介绍两种方法

企业名称:子企业名:

第一种:

在layui中要使用select事件绑定 

form.on('select(father_enter)', function(data){if(data.value==""){// console.log("sss");layer.msg("请选择企业名称");return false;}

/* ajax 这里要请求后台API接口*/

 

$.post("{:url('XXXXXX')}",{"id":data.value},function( res){if(res.code == 1){var enterlists=  res.entelist;var str="";for (var i=0;i'+enterlists[i]["enterprise"]+'';   //这步骤 拼接select 中option的数据}$("#child_enter").html(str); form.render();         //注意不要忘记渲染form ,否则是不会出现select数据的      }

});

 

第二种: 在ajax请求的数据,在后台把select 中option数据,通过后台拼接好,然后返回数据,在接口返回值中,直接获取数据,

 将数据 使用

$("#child_enter").html(res.htmlsoption);

form.render(); //还是不要忘记渲染form ,否则是不会出现select数据的

 

 

以上两种方法,希望对大家有帮助

 

 

 

 

 

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部