我们都知道layer.prompt官网上的例子是一个弹出框,那么有没有可能出来多个呢,当然是可以的
1.首先增加需要的输入框
源码不好改动,咱们可以直接js增加呀,$().append()方法还是很好用的
话不多说上代码
layer.prompt({
formType: 2,
placeholder: '输入注销原因',
title: '请输入值',
// area: ['800px', '350px'] //自定义文本域宽高
}, function(value, index, elem){
// alert(value); //得到value
layer.close(index);
});
这个是官网上的例子相比都可以找得到,想要动态加入内容,首先咱需要找准目标,浏览器调试工具走起
image.png
可以发现代码时分的简洁,这样就更好添加了
这样动态增加的代码也就出来了
$(".layui-layer-content").append("")
这里我增加了一个输入框,给了一个id这样使用的时候可以找的到,class就不要起名和自带的一样了,这里我用了一个layui的表单的元素,具体啥原因下边分析到点击确定的回调会说明。但是鉴于没有
标签包裹 应该然并卵。但是为了美观还是中间空了一行,看看结果啥样吧