AI 助理
备案控制台
开发者社区 云计算 文章 正文

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

2022-04-30 747
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 本文介绍如何在layui子页面获取父页面input框中的值。

问题


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


操作


父页面代码如图


1.png


子页面获取如图


2.png


总结


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

rr3paqhvizt6a
目录
相关文章
讓丄帝愛伱
LayUI清空下拉框的值
LayUI清空下拉框的值
讓丄帝愛伱
189 0
祈澈菇凉
|
JavaScript
js通过input框输入属性和值，改变div的属性
js通过input框输入属性和值，改变div的属性
祈澈菇凉
119 0
阿甘兄
|
JavaScript 前端开发
12EasyUI 菜单与按钮- 创建分割按钮（Split Button）
12EasyUI 菜单与按钮- 创建分割按钮（Split Button）
阿甘兄
90 0
rp54yl2b5rw2w
|
JavaScript
VUE element-ui之table表格全选框（复选框）隐藏
VUE element-ui之table表格全选框（复选框）隐藏
rp54yl2b5rw2w
1648 0
VUE element-ui之table表格全选框（复选框）隐藏
朝阳39
|
4月前
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据，鼠标悬浮显示超长内容
Element UI【级联选择器】el-cascader 获取选中内容的 label 数据，鼠标悬浮显示超长内容
朝阳39
681 3
祈澈菇凉
|
JavaScript 前端开发
JQuery 获取选中多选框的value，合并成数组传给后台
JQuery 获取选中多选框的value，合并成数组传给后台
祈澈菇凉
41 0
rp54yl2b5rw2w
|
JavaScript
VUE element-ui之table表格中嵌套输入框，且输入框失焦自动勾选当前行
VUE element-ui之table表格中嵌套输入框，且输入框失焦自动勾选当前行
rp54yl2b5rw2w
1690 0
VUE element-ui之table表格中嵌套输入框，且输入框失焦自动勾选当前行
祈澈菇凉
|
JavaScript Java
jQuery点击checkbox选择标签到指定的位置
jQuery点击checkbox选择标签到指定的位置
祈澈菇凉
52 0
编程达人
|
JavaScript 前端开发
css：隐藏input file标签并触发点击上传文件事件
css：隐藏input file标签并触发点击上传文件事件
编程达人
603 0
css：隐藏input file标签并触发点击上传文件事件
uiu
|
安全
【Svelte】-（6）绑定｜input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
【Svelte】-（6）绑定｜input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定
uiu
291 0
【Svelte】-（6）绑定｜input 输入框 / group 复选框绑定 / textarea 输入框 / select 绑定 / contenteditable 属性绑定