js 在layui弹框对原页面的span赋值
时间: 2024-09-15 13:08:08 浏览: 30
在Layui框架中,你可以使用`layer`的回调函数来操作弹框关闭后返回的内容,然后再对原页面的`<span>`元素进行赋值。这里是一个简单的示例:
```javascript
// 弹框触发的事件,例如点击按钮
layer.open({
type: 1, // 弹窗类型,1表示普通消息提示
title: '标题',
content: '<input id="inputBox" value="">', // 设置弹框内的输入框
btn: ['确认', '取消'], // 确定和取消按钮
yes: function(index, data) { // 点击确定按钮的回调
// 获取输入框的值
var inputValue = $('#inputBox').val();
// 对原页面的某个id为'spanElement'的span元素赋值
$('span#spanElement').html(inputValue);
// 关闭弹框
layer.close(index); // index是你打开的弹窗编号
},
cancel: function(index) {
// 如果选择取消,则直接关闭弹窗并不做其他操作
layer.close(index);
}
});
```
在这个例子中,用户在弹框内输入内容后点击“确认”,弹框会获取输入框的值,并将其设置给原页面上指定ID为'spanElement'的`<span>`元素。
阅读全文