layui 给弹窗传值
时间: 2023-08-11 18:08:37 浏览: 145
layui 对弹窗 form表单赋值的实现方法
在 layui中,可以通过在弹窗打开时设置一个回调函数,将值传递给弹窗。
具体步骤如下:
1. 在页面中定义一个按钮,并设置点击事件,在事件处理函数中打开弹窗。
```html
<button class="layui-btn" id="btn">打开弹窗</button>
```
```javascript
layui.use(['layer'], function () {
var layer = layui.layer;
$("#btn").on("click", function () {
layer.open({
type: 1,
title: '弹窗标题',
content: '<div id="dialog"></div>'
});
});
});
```
2. 在弹窗中定义一个输入框,并在弹窗打开时将输入框的值设置为传递进来的值。
```javascript
layui.use(['layer'], function () {
var layer = layui.layer;
$("#btn").on("click", function () {
layer.open({
type: 1,
title: '弹窗标题',
content: '<div id="dialog"><input type="text" id="input"></div>',
success: function (layero, index) {
$("#input").val("传递进来的值");
}
});
});
});
```
注意:success回调函数的第一个参数layero是弹窗的DOM节点,第二个参数index是弹窗的索引值,可以用于后续操作。
这样,就可以在弹窗中传递值了。
阅读全文