layui下拉框二级数据联动（select内容动态获取数据 二级联动）layui监听下拉框选择

layui二级联动

layui 第一个下拉框动态获取数据，选取第一个下拉框数据后，下一个下拉框根据前面选择的数据 后台动态 联动填充数据

HTML代码如下

<form class="layui-form" action="">
    <div class="layui-input-inline from-ses" style="width: 140px;">
      <select name="quiz1"id="quiz1"lay-filter="quiz1">
        <option value="">一级分类</option>
        <option value="灾害数据" >灾害数据</option>
        <option value="新能源">新能源</option>
      </select>
    </div>
    <div class="layui-input-inline from-ses">
      <select name="quiz2" id="quiz2">
        <option value="">二级分类</option>
        <option value="电网覆冰监测">电网覆冰监测</option>
        <option value="电网覆冰预测预警" >电网覆冰预测预警</option>
        <option value="电网舞动监测">电网舞动监测</option>
        <option value="电网舞动预测预警">电网舞动预测预警</option>
        <option value="电网山火检测">电网山火检测</option>
        <option value="电网山火预测预警">电网山火预测预警</option>
      </select>
    </div>
 </form>

js代码如下

layui.use('form', function(){
  var form = layui.form;
  $.ajax({
      url: "json/menu.json",
      type: "post",
      dataType: "json",
      success: function(datas) {
          datas=datas.menu;
          if(datas.length>0){
              $("#quiz1").empty();
              $("#quiz1").append("<option value=''>一级分类</option>");
              for(var i=0;i<datas.length;i++){
                  var item=datas[i];
                  $("#quiz1").append("<option value="+item+">"+item+"</option>");
              }
          }else {
              $("#quiz1").empty();
              $("#quiz1").append("<option value=''>一级分类</option>");
          }
          form.render("select");
      }
  });
    form.on('select(quiz1)', function(data){
        var value = data.value
        $.ajax({
            url: "json/menu2.json?va="+value,
            type: "post",
            dataType: "json",
            success: function(datas) {
                datas=datas.menu;
                if(datas.length>0){
                    $("#quiz2").empty();
                    $("#quiz2").append("<option value=''>更改后的select</option>");
                    for(var i=0;i<datas.length;i++){
                        var item=datas[i];
                        $("#quiz2").append("<option value="+item+">"+item+"</option>");
                    }
                }else {
                    $("#quiz2").empty();
                    $("#quiz2").append("<option value=''>a</option>");
                }
                form.render("select");
            }
        });
    })


})