【layui】修改页面layer.open弹出层给子页面标签赋值

最新推荐文章于 2022-05-19 11:03:01 发布
最新推荐文章于 2022-05-19 11:03:01 发布
阅读量2.1k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： #Layui 文章标签： layui javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/david_520042/article/details/123570448
本文介绍了如何在使用layui前端框架时，通过layer.open创建弹出层，并实现向弹出层内的子页面元素进行动态赋值的方法，详细解析了相关JavaScript操作步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

修改页面layer.open弹出层给子页面标签赋值


在这里插入图片描述

欢迎使用Markdown编辑器

       //监听工具条
            table.on('tool(auth-table)', function (obj) {
   
                var data = obj
了解本专栏 订阅专栏 解锁全文 超级会员免费看
[Layui]Open子页面动态下拉框赋值解决办法
德仔
03-07 1221
子页面动态下拉框赋值 上篇文章解决了如何联动问题，但是还有一种情况，open子页面时给动态下拉框赋值。 直接赋值并不可以，此时下拉框是没有数据的。监听函数并不会触发动态函数。 我的思路： 给第一个下拉框直接赋值(本次测试用静态)，执行子页面函数加载回调，待回调函数加载完毕数据，然后动态下拉框赋值。 HTML: if (obj.event === 'edit') { var index = layer.open({ title: '编辑视
关于layer.open弹出框input文本框 innerHtml 或 innerText 赋值不生效
u012835679的专栏
08-21 1349
问题： 在写一个js小效果时，要给input文本框赋值，但赋值后却不生效，input框里面不管怎么赋值都是空白的。 num.innerText = "1 18 7 11 18 20 23"; 打开控制台看到input标签里面的值是以及变动了的 解决方案： 突然意识到input的赋值是不一样的，input赋值是用value赋值的，和其他标签赋值搞混了。 所以只要将innerText 换成innerHtml 就行了 num.value = "1 18 7 11 18 20 23";
关于layer.open()弹出页面与”父页面“之间获取数据赋值给页面Element的问题
m0_46448915的博客
11-12 9544
文章目录前言一、layer.open()的使用1.概念2.主要参数二、弹出页面与”父页面“之间获取Element数据并赋值1.需求2.实现代码1、前期准备**2、所有代码**三、最后 前言 最近在做一个超市管理系统的作业，我也是用到了layUI组件库，使用表格时，也是被编辑表格功能给搞的"心累"。官方给的编辑表格是直接点击（双击）表格某格就可以直接编辑表格。但我想实现的是，用户点击表格右侧”编辑”工具栏就弹出一个“子页面”，在子页面上编辑对应的表格某行数据，并更新表格数据。当然这里我没有写数据库相关接口
layui 父页面向弹出框中的子页面form表单进行赋值
weixin_38728273的博客
03-25 8191
1 ，父页面js layer.open({ type: 2, title: '修改数据', shadeClose: false, shade: 0.8, area: ['60%', '60%'], co...
【JS】给layer弹窗的子页面表单赋值
热门推荐
wan小小冰的博客
02-23 1万+
在系统中经常会用到表格的增删改功能，通过触发编辑按钮事件来弹出表单窗体并给表单的内容项赋值， 这里通过结合layer.js和underscope.js可以轻松的实现此效果： 一 、js代码 我这里的表格用bootstrapTable实现，了解过此插件的猿友应该能读懂，不懂的请查看官网实例，这里我截取其中的一段操作列： { field: '', ...
layer 之子父窗口传值
10年老码农
07-20 562
今天用jquery写了一个checkbox选值的问题（ps：我是搞PHP后端的，前端经验少）。 刚开始思路如下，选中-判断父级窗口没有选过-选过则删除掉，没选过就加入。 虽然这个方法可以实现我的需求。但过于复杂，代码如下。 （这个是我写了一半代码，写全的我就不贴出来了，前后有60行这样吧） 后来想了想，这个思路过于复杂。 于是我改了如下：选中-全删之前选中的-再赋
layui 子页面写弹出框覆盖父页面，以及给弹框中的表单赋值
Start2019
06-03 2337
尝试使用下面3种方法解决，但是失败了，最后还是通过layui的弹出框解决的。 1、直接在子页面写弹框代码及弹框定位样式； 2、父页面放空div，覆盖整个父页面； 3、使用 $.load() 加载弹框内容
layui中修改页面layer.open type = 2 页面弹出层子页面、父页面传值
清叶 的专栏
04-07 1982
layui中修改页面layer.open弹出层给子页面赋值 layer.open({ title: '信息维护', type: 2, shade: false, maxmin: true, shade: 0.5, anim: 1, area: ['850px', '95%'], content: basePath+'/jsp/info.jsp', success: function(layero, indexx){ .
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
08-29
Layer子层给父层页面元素赋值，以达到向父层页面传值的效果实例是指在layer弹出框中，将子层的数据传递到父层页面的方法。这种方法可以在实际开发中发挥重要作用，例如在选择商家时，需要将子层的选择结果传递到父层...
​ layui中修改页面layer.open弹出层给radio赋值
m0_61107807的博客
03-31 1341
layui中修改页面layer.open弹出层给radio赋值（单选按钮回显） js代码： success: function (layero, index) { // success会携带两个参数，分别是当前层DOM当前层索引 //找到它的子窗口的body var body = layer.getChil.
layui 向弹出框赋值
qq_42899641的博客
05-27 1560
///向弹出框赋值 function detailsInfo(ID, State, Type, MasterName) { //查看详情 layer.open({ type: 2, //title: ['查看详情', 'font-family:微软雅黑;color:white;font-size:18px;background-color:#5bc0de;text-align:left; paddin.
layui 对弹窗 form表单赋值的实现方法
12-29
目的： 点击编辑按钮 实现 数据回显到弹出 子页面 表单 内。如下图： Html 代码： <body> 用  户 名 <input type=text name=username lay-verify=required id
input layer name 赋值_layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例...
weixin_33887804的博客
12-23 192
父层：jsp中：//页面上添加一个隐藏的输入框待用于被子层设置value，从而将子层的数据传递到此页面js代码：//设置function，当执行时，弹出子窗口并传递当前窗口名称//弹出子窗口(选择商家)function choseMerchant() {//获取当前窗口名称var parentName= window.name;/*(由于用的ssm框架)URL对应的是controller方法，并向...
layui 批量对 form 中元素赋值 == form.val()
weixin_42490383的博客
06-19 7975
< form class=“layui-form layui-form-pane” lay-filter=“formTest”> < class=“layui-form-item”>   < label class=“layui-form-label”>请填写描述< /label>   < div class=“layui-input-block”>   < textarea name=“desc” type=“text” placehold
layui的form赋值问题
J
07-28 4098
layui.use(['form', 'layer'], function () { var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功 var layer = layui.layer; // 获取父页面传参 var getParentVule = parent.toChildValue(); var data = getParentVule; console...
Layer弹窗赋值
蔡定努
01-05 1761
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link rel="stylesheet" type="text/css" href="layui/css/layui.css" /> <scri...
layui 富文本编辑器之修改赋值使用 空格转换
LGDmar的博客
04-14 1099
// 初始化富文本框 layui.use(['form','layedit'], function () { var layedit = layui.layedit; $("#demo").text(data.org_desc); index = layedit.build('demo',{tool: ['strong', 'italic','underline','de...
layui-layer.open子窗口传值给父窗口
weixin_51252004的博客
05-19 2851
1、父窗口设置input输入框 <input type='hidden' id='cz' name='cz' value='1'/> 2、子窗口设置父窗口输入框值 function btnBack() { $("#cz" , window.parent.document).val('2'); // 传给父窗口 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index);// 关闭子窗口
layui-layer父子页面传值
weixin_44690108的博客
05-17 2144
使用layui的layer独立组件实现父子页面传值。
js 在layui的弹出页面对原页面的span进行赋值
最新发布
09-15
在layui框架中，如果你想要在弹出页面（通常是一个layer插件的模态框）中对原页面的某个`<span>`元素进行赋值，首先你需要通过JavaScript获取这个span的引用，然后在弹出事件处理函数中操作它。这里有一个简单的步骤： 1. **获取span元素**： 使用`document.getElementById('yourSpanId')`来获取指定ID的`<span>`元素。例如，如果span的ID是`mySpan`，你可以这么写： ```javascript var spanElement = document.getElementById('mySpan'); ``` 2. **在弹出层回调函数中修改值**： 当弹出层加载完成或者用户执行了某些操作后，可以在layui提供的回调函数里修改这个span的值，比如`layer.load`的success回调： ```javascript layer.open({ type: 1, // 弹出类型，1表示普通层 content: '这是弹出的内容', // 层体内容 success: function(index) { // 修改span的值 spanElement.innerHTML = '新的值'; // 可能需要转化为字符串或其他格式 }, btn: ['确定'], // 按钮配置 ...其他配置... }); ``` **注意**：在实际应用中，确保`mySpan`是你想要修改的span的实际ID，并且`layer.open`的配置适应你的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

厦门德仔

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值