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

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

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

问题


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


操作


父页面代码如图


1.png


子页面获取如图


2.png


总结


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

rr3paqhvizt6a
目录
相关文章
阿甘兄
|
JavaScript
Layui 内置方法 - layer.getChildFrame( 获取iframe页的DOM)
Layui 内置方法 - layer.getChildFrame( 获取iframe页的DOM)
阿甘兄
962 0
我是咔咔
【Layui】子页面向父级页面传递参数
【Layui】子页面向父级页面传递参数
我是咔咔
1614 0
【Layui】子页面向父级页面传递参数
daotianmi
|
JavaScript 前端开发
layui用layer.open打开子页面并获取子页面的ueditor富文本编辑器的内容
该内容描述了一个Web应用的交互流程，其中父页面通过调用子页面的JavaScript函数来获取富文本编辑器的内容。子页面包含一个富文本编辑器和一个`callbackdata`函数，用于返回编辑器的文本内容。父页面使用`layer.open`打开子页面作为弹窗，并在用户点击提交时，访问子页面的`callbackdata`获取编辑器内容，同时检查其他表单字段，如类型、标题等是否为空，以确保数据完整。
daotianmi
1250 0
讓丄帝愛伱
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
讓丄帝愛伱
856 0
木易士心
|
7月前
|
SQL 人工智能 自然语言处理
Navicat AI 助理实战指南：开启智能数据库管理新时代
Navicat集成AI助理，支持自然语言生成SQL、智能优化与错误诊断。通过云端或本地模型（如Ollama）实现高效安全的数据库管理，提升开发效率60%以上，助力开发者迈向智能工作流新时代。
木易士心
986 0
卓伊凡
|
12月前
|
自然语言处理 测试技术 API
TCPDF库详解：功能、作用及多语言安装指南-tcpdf可不是只有php能用-优雅草卓伊凡
TCPDF库详解：功能、作用及多语言安装指南-tcpdf可不是只有php能用-优雅草卓伊凡
卓伊凡
806 5
游客b26rakuy63q5s
|
网络协议 应用服务中间件 网络安全
小白必看：阿里云SSL证书免费申请流程，免费3个月到期解决方法
2024年阿里云提供免费SSL证书申请服务，品牌为Digicert，支持免费单域名证书，每个账号可申请20张，有效期3个月。用户需登录阿里云数字证书管理服务控制台，完成证书申请、域名绑定及DNS验证等步骤，操作简便快捷。更多详情见阿里云官网。
游客b26rakuy63q5s
4556 5
小王老师呀
|
数据格式 UED
记录一次NPOI库导出Excel遇到的小问题解决方案
【11月更文挑战第16天】本文记录了使用 NPOI 库导出 Excel 过程中遇到的三个主要问题及其解决方案：单元格数据格式错误、日期格式不正确以及合并单元格边框缺失。通过自定义单元格样式、设置数据格式和手动添加边框，有效解决了这些问题，提升了导出文件的质量和用户体验。
小王老师呀
1165 3
热爱技术的小郑
|
JavaScript 前端开发 Java
SpringBoot + Vue 前端后分离项目精进版本
这篇文章详细介绍了一个基于SpringBoot + Vue的前后端分离项目的搭建过程，包括前端Vue项目的初始化、依赖安装、页面创建和路由配置，以及后端SpringBoot项目的依赖添加、配置文件修改、代码实现和跨域问题的解决，最后展示了项目运行效果。
热爱技术的小郑
3926 2
SpringBoot + Vue 前端后分离项目精进版本
code袁
|
前端开发
layui-form
`layui-form`是一个前端表单组件，提供多种表单类型如单行、多行排列的输入框，下拉选择框（支持模糊搜索），单选框和复选框。表单元素可通过`required`和`lay-verify`属性进行必填和验证设置。编辑器如`layedit`可用于富文本输入，表单监听事件如提交和单选器可绑定回调函数进行处理。此外，能动态更新渲染表单，初始化表单数据并进行数据校验，包括自定义验证规则。
code袁
997 1

热门文章

最新文章

  • 1
    .NET Core多平台开发体验[4]: Docker
  • 2
    如何在 Ubuntu 24.04 LTS 上安装 SSH 服务器？
  • 3
    浅谈GPU虚拟化技术（五）：GPU图形渲染虚拟化的业界难题-VDI的用户体验
  • 4
    【项目笔记】：elementui下拉框数据太多造成页面卡顿怎么解决？
  • 5
    鲲鹏开发重点––ARM CPU的推测执行
  • 6
    Index alias — Elastic Stack 实战手册
  • 7
    IIS发生意外错误0x8ffe2740
  • 8
    手动注入PHP
  • 9
    环境搭建、部署备忘
  • 10
    sns研究 初步研究.粗看.
  • 1
    2026年阿里云618年中大促全攻略：AI加速季，年度低价云服务器推荐指南
    122
  • 2
    零基础入门教程：阿里云 Hermes Agent 一键部署完整流程详解（图文版）
    82
  • 3
    LLM增强的网易云API部署用于鸿蒙原生音乐app: Melotopia
    57
  • 4
    多智能体集群审计机制设计：免疫、熔断与信誉治理
    89
  • 5
    面试官问：什么是 Harness 工程？AI Agent 时代，测试人必须补上的新能力
    84
  • 6
    我如何用Skills-RAG构建企业级测试知识库，新人上手自动化只需1天
    49
  • 7
    保姆级教学！阿里云服务器从零搭建Hermes Agent AI智能体配置Token Plan流程
    59
  • 8
    超详细实操指南：阿里云ECS服务器从零部署 OpenClaw 配置APIKEY、运维一站式教程
    74
  • 9
    高校第三方外包平台数据泄露风险与防御体系研究
    50
  • 10
    语音钓鱼结合无文件攻击的 M365 数据勒索防御研究
    52

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云正式发布 Agentic 代码安全：AI驱动的双Agent协同引擎