三级联动+layui+tp5.1

今天耗费了我一个下午才在qq群里小伙伴的帮助下解决这个问题，慢慢和大家说遇到的问题。

先看效果

里面从上到下依次是一级，二级，三级。当你第二次点击一级“请选择”时，二三级会清空。这点详见代码。

省市区或者其他三级关系表你自己设计就好了

html代码

{extend name='common/base'/}
{block name='content'}
<style type="">
    
    #adminrole_id{
    width: 100%;
    border: none;
    font-size: 14px;
    color: #000;
    }
    #adminrole_id option{
        border: none;
    }

</style>

<h3>添加XX内容</h3><br>
<form class="layui-form" method="post"  enctype ="multipart/form-data" autocomplete="off" action="/admin/content/contentadd_do">
    <!--<iframe id="frame" name="iframe" style="display:none;"></iframe>target="iframe"-->
    <!--阻止action跳转 这里不写action 默认跳转当前控制器当前方法-->
    <div style="text-align: center">
        <table style="margin: auto"  width='60%'>
             <div class="layui-form-item">
                    <label class="layui-form-label">产品类别</label>
                     <div class="layui-input-block">