layui子页面获取父页面input框中的值

简介: 本文介绍如何在layui子页面获取父页面input框中的值。

问题



今天写了一个项目,其中用到了layui框架,在父页面点击到子页面的时候需要把父页面中一个input框中的值传过去,但是奈何尝试良久无法成功,最后发现只需要使用parent.$("#userId").val();就可以了。


操作



父页面代码如图


1.png


子页面获取如图


2.png


总结



使用layui框架页面使用父页面的参数,就要用到parent关键字。

相关文章
|
JavaScript
js通过input框输入属性和值,改变div的属性
js通过input框输入属性和值,改变div的属性
128 0
|
JavaScript 前端开发
12EasyUI 菜单与按钮- 创建分割按钮(Split Button)
12EasyUI 菜单与按钮- 创建分割按钮(Split Button)
100 0
【Layui】获取下拉框的值
【Layui】获取下拉框的值
666 0
【Layui】获取下拉框的值
【Layui】子页面向父级页面传递参数
【Layui】子页面向父级页面传递参数
1108 0
【Layui】子页面向父级页面传递参数
|
5月前
|
JavaScript 前端开发
怎样在vue中隐藏el-form-item中的值、设置输入框的值是只读
这篇文章介绍了在Vue框架中使用Element UI组件库时,如何通过v-if指令和v-model绑定来控制`el-form-item`的显示与隐藏,以及如何通过设置`readonly`属性让输入框变为只读状态。
怎样在vue中隐藏el-form-item中的值、设置输入框的值是只读
|
6月前
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据,鼠标悬浮显示超长内容
785 3
|
JSON JavaScript 数据库
vue搜索表格功能,根据input输入框和下拉框传递的参数进行搜索
vue搜索表格功能,根据input输入框和下拉框传递的参数进行搜索
142 1
|
JavaScript
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
iframe子页面获取父页面元素,或父页面获取iframe子页面的元素
198 0
|
8月前
|
JavaScript API
在vue使用class选择器和下标更改点击列表样式
在vue使用class选择器和下标更改点击列表样式
139 0