layui父页面怎么获取layer.open弹窗中的值 ,下面小编为您解答:layui父页面怎么获取layer.open弹窗中的值 ,下面小编为您解答: 1、获取input中的值:【content页面】 div style="padding: 0 10px;margin-top:10px" input type="text" id="refuseReason" name="refuseReason" placeholder="请输入拒绝理由" class="layui-input"/div 父页面 layer.open({
1、获取input中的值:【content页面】
<div style="padding: 0 10px;margin-top:10px">
<input type="text" id="refuseReason" name="refuseReason" placeholder="请输入拒绝理由" class="layui-input">
</div>
父页面
layer.open({
type:1,
title:"拒绝理由",
content:'<div style="padding: 0 10px;margin-top:10px">'+
'<input type="text" id="refuseReason" name="refuseReason" placeholder="请输入拒绝理由" class="layui-input">'+
'</div>',
area: ['500px', '150px'],
btn: ['提交', '取消'],
btnAlign:'c',
resize:true,
yes:(index,layero)=>{
// 获取content页面中id为refuseReason的值
const refuseReason = top.$('#refuseReason').val();
},
cancel:(index, layero)=>{}
})
2、获取select中选中的值:【content页面】
<select id="groupId" name="groupId" xm-select="group">
<span th:each="info : ${groupList}">
<option th:text="${info.st_g_name}" th:value="${info.st_g_id}"></option>
</span>
</select>
父页面
layer.open({
type: 2,
title: "标题",
area: ['600px', '500px'],
content: "/page/layerOpen", //请求后端返回页面地址
btn: ['提交', '取消'],
yes: function(index, layero){
//得到iframe页的窗口对象,执行iframe页的方法:
var iframeWin = window[layero.find('iframe')[0]['name']];
// 获取页面中xm-select属性为group的下拉选择框选中的值
var selectGroupData = iframeWin.layui.formSelects.value('group', 'val');
console.log(selectGroupData);
}
})
沃梦达教程
本文标题为:layui父页面怎么获取layer.open弹窗中的值
基础教程推荐
猜你喜欢
- 绝对定位元素的水平垂直居中的方法(3种任选) 2023-12-23
- vue-router 2.0 跳转之router.push()用法说明 2024-02-07
- 使用Referrer Policy解决第三方平台的照片在https站点无法打开的问题 2022-12-16
- ajax实现数据分页查询 2023-01-31
- 「HTML+CSS」--自定义加载动画【024】 2023-10-27
- 如何解决Ajax的content-download时间过慢问题 2023-02-15
- 通达OA 使用Ajax和工作流插件实现根据人力资源系统数据增加OA账号(图文详解) 2023-01-26
- 微信小程序开发实战教程之手势解锁 2024-01-07
- 如何使用CSS移动文本 2023-10-08
- CSS浮动所差生的内容溢出问题及清除浮动的方法小结 2024-01-19