layer弹窗 append

在HTML中，"append"这个词通常是用于DOM操作的，它表示在已存在的元素之后添加新的子元素。如果你想要在layer弹窗中使用`append`的概念，它可能会指在创建弹窗内容时动态地向弹窗内部结构添加内容。

对于一些基于插件的层弹窗，如Layer.js或者layui中的`layLayer`, 你可能这样操作：

let index = layLayer.open({
  type: 2, // 弹窗类型，如2代表iframe
  title: 'Title',
  shadeClose: true,
  shade: [0.3, '#000'],
  area: ['auto', 'auto'], // 自适应大小
  content: '<div id="contentToAppend">这是一段动态添加的内容</div>', // 假设已经有了#contentToAppend元素
  done: function(index,dom) { // 弹窗加载完成后回调
    let parentDom = dom.find('.layui-layer-content'); // 获取弹窗内容区域
    $('#contentToAppend').appendTo(parentDom); // 将动态生成的内容追加到这个区域
  }
});

这里，我们先在HTML中定义了`<div id="contentToAppend">...</div>`，然后在弹窗加载完成并获取到内容区域后，将其添加进去。

相关问题

layer.open({ type:1, title:'选择', area:['640px','480px'], fixed:false, maxmin:false, content:js.template("test"), success: function(layero, index){ //layero.find('input[type="checkbox"]').iCheck(); //layero.find('#demoInput').val("默认值..."); //初始化选择下拉框 //var ary = []; var data = ["111","222"]; var seleFsid=layero.find('#seleFsid'); seleFsid.append("<option value=''></option>"); for(var j = 0; j < len; j++){ //ary.push(item); var item=data[j]; seleFsid.append("<option value='" + item + "'>"+ item +"</option>"); } //console.log(ary); }, btn: ['<i class="fa fa-check"></i>选择', '<i class="fa fa-remove"></i>关闭'], btn1: function(index, layero){ var form = { inputForm: layero.find('#inputForm'), fsid: layero.find('#seleFsid').val() }; if (form.fsid == ''){ js.showMessage("请选择前一期间的发放记录!", null, 'warning'); return false; } //选择的项作为参数继续调用后台功能 url="${ctx}/mstu/mstuPerson/importDataAndFSIDX?tp=${parameter.tp}&faid="+faid+"&fsid="+fsid+"&pbid="+pbid+"&bssid="+bssid+"&prevbssid="+form.fsid; js.ajaxSubmit(url, function(data){ js.showMessage(data.message); }); return true; } }); });

这段代码是一个通过layer.open方法创建一个弹窗。弹窗具有标题"选择"，尺寸为640px宽和480px高。弹窗的位置不固定，不允许最大化和最小化。弹窗内容是一个名为"test"的模板。

在success回调函数中，对弹窗中的一些元素进行了初始化操作。首先是将data数组中的元素添加到id为seleFsid的下拉框中作为选项。然后在btn1回调函数中，获取选择的项，并将其作为参数继续调用后台功能。

具体的后台功能调用部分代码没有提供，需要根据实际情况进行填写。