layui 在弹出层的下拉框种显示 三级联动

在 layui 的弹出层中，可以使用 form 模块的 select 组件来实现三级联动下拉框。具体步骤如下：

1. 在 HTML 中添加 select 标签，设置 id 和 lay-filter 属性：

<select id="province" lay-filter="province">
  <option value="">请选择省份</option>
  <option value="1">广东省</option>
  <option value="2">江苏省</option>
  <!-- 其他省份 -->
</select>
<select id="city" lay-filter="city">
  <option value="">请选择城市</option>
  <!-- 根据选择的省份动态添加城市选项 -->
</select>
<select id="district" lay-filter="district">
  <option value="">请选择区县</option>
  <!-- 根据选择的城市动态添加区县选项 -->
</select>

2. 在弹出层中打开 select 组件，需要注意的是，需要在 success 回调函数中调用 form.render('select') 方法：

layer.open({
  type: 1,
  title: '三级联动下拉框',
  content: $('#form'),
  success: function(layero, index){
    form.render('select');
  }
});

3. 使用 jQuery 监听省份 select 的 change 事件，根据选择的省份动态添加城市选项：

form.on('select(province)', function(data){
  var provinceId = data.value;
  if (provinceId) {
    $.ajax({
      url: '/api/city?provinceId=' + provinceId,
      success: function(data){
        var html = '<option value="">请选择城市</option>';
        for (var i = 0; i < data.length; i++) {
          html += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
        }
        $('#city').html(html);
        $('#district').html('<option value="">请选择区县</option>');
        form.render('select');
      }
    });
  } else {
    $('#city').html('<option value="">请选择城市</option>');
    $('#district').html('<option value="">请选择区县</option>');
    form.render('select');
  }
});

4. 同样地，使用 jQuery 监听城市 select 的 change 事件，根据选择的城市动态添加区县选项：

form.on('select(city)', function(data){
  var cityId = data.value;
  if (cityId) {
    $.ajax({
      url: '/api/district?cityId=' + cityId,
      success: function(data){
        var html = '<option value="">请选择区县</option>';
        for (var i = 0; i < data.length; i++) {
          html += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
        }
        $('#district').html(html);
        form.render('select');
      }
    });
  } else {
    $('#district').html('<option value="">请选择区县</option>');
    form.render('select');
  }
});

需要注意的是，上述代码中的 ajax 请求是示意代码，需要根据实际情况进行修改和调整。