关于模态窗口提交时无法提交到当前…

jarry.liu jarry.liu 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 600+累计阅读 640平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄16年
关注
原创 最新推荐文章于 2026-04-09 18:06:01 发布 640 阅读 AI 写同款· GEO 优化 ›
JavaScript技巧：实现多层模态窗口的页面提交和刷新 当用户点击提交按钮时，我们获取输入框的值，并在父窗口中弹出一个提示框显示输入框的值。然后，我们通过监听模态窗口的加载完成事件，在模态窗口中插入内容，其中包括一个文本输入框和一个提交按钮。方法创建新窗口，并监听其加载完成事件，我们能够在模态窗口中插入内容，并通过事件监听器处理用户的交互操作。在这个函数中，我们将创建一个新的浏览器窗口，并将其设置为模态窗口。首先，我们需要在HTML文件中创建一个按钮，用于触发模态窗口的显示。的情况下实现类似的功能，并且在现代浏览器中得到良好的支持。在函数内部，我们使用。 阅读详情

模态窗口提交如果不做处理，提交时会弹出另一个页面，解决办法如下

1、如果为第一层模态窗口，则直接在页面的

中间添加

2、如果是在模态窗口上又打开一个模态窗口，你会发现这个方法不好用了，可使用一下方法，给本模态窗口添加一个name，即在页面中javascript中添加window.name="MyMode"

然后在form表单中添加 target="MyMode"

收录于
JS专区

当前文章被收录于：

JS专区
66 篇文章 0 人学习

常用的js插件，js方法等等

订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
JavaScript模态窗口实现指南 本文还有配套的精品资源，点击获取 简介：本文深入探讨了JavaScript模态窗口的创建和使用，包括纯原生实现以及利用Bootstrap和SweetAlert2等现有库。通过代码示例和步骤解析，向读者展示了如何创建自定义模态窗口，并提供了对不同库的比较和选择建议，帮助开发者在不同场景下灵活应用模态窗口技术，提升网页交互体验。 1. 模态窗口概念和特点 模态窗... 阅读详情

相关推荐

JLink 添加国产芯片手把手教程（雅特力 + 华大）

拷贝厂商算法文件夹 + 配置 JLinkDevices.xml。雅特力直接复制官方配置，华大按需添加芯片节点，操作一次，永久生效，以后调试 AT32、HC32 再也不用愁找不到型号。这套方法适配全版本 JLink，也是国产 MCU 替代项目的必备技能，看完照着做，新手也能轻松搞定。百度网盘资料分享：通过网盘分享的文件：jink驱动（包括新增芯片型号）链接: https://pan.baidu.com/s/14SLgrPfyof1lglD6VQguAw?pwd=cfuq 提取码: cfuq。

weixin_48867130的博客 712

bootstrap之模态框中表单无法提交

模态框中表单post提交时总会报403错误，get提交确可以，但是会出现乱码。查了许多资料，最终解决了，记录下来。 模态框post提交解决方案： 如果直接使用表单提交，就使用隐藏域保存token的值，和表单一起提交。 如果是 Ajax 提交，那么可以在提交时将 Token 一起提交： $.post('url','{'token':token}',function (data

钟渊博客 7415

机器学习入门指南：Jupyter Notebook实战

对于机器学习工程师而言，他们更擅长的是算法、模型、数据探索的工作，而对于工程化的能力则并不是其擅长的工作。Jupyter Notebook生成PMML文件1​​​​​​​。Jupyter Notebook生成PMML文件2​​​​​​​。PySpark Notebook建模 -折线图​​​​​​​。TensorFlowNotebook建模​​​​​​​。R Notebook建模 - 散点图​​​​​​​。PySpark Notebook建模​​​​​​​。R Notebook获取训练数据集​​​​​​​。

datacreating的博客 1975

RuoYi-弹出新窗口选择数据回显到父页面

这里只贴出关键代码，其他代码需要自行编写。返回值处理根据实际需求来，目前是只取第一条，因为选择页面是单选行 表单页面新加方法 /* 选择社区 */ function selectCommunity() { var url = ctx + "community/selectCommunity"; var options = { title: '选择社区', width: "600", url: url, callBack.

李大哥 5459

群晖NAS安装HomeAssistant保姆级教程：从Docker部署到智能设备接入

本文提供了一份详尽的群晖NAS安装HomeAssistant保姆级教程，涵盖从Docker部署到智能设备接入的全过程。通过规划存储路径、配置容器环境变量和网络模式，确保系统稳定运行。教程还介绍了如何接入小米、苹果HomeKit等智能家居设备，并利用自动化与仪表盘打造本地化、高响应速度的智能中枢，实现数据隐私与远程控制的完美平衡。

play7的博客 694

SUMO仿真教程(5) —— 使用“XML“语言自定义构建路网

文章目录一.简要介绍1.node file2.edge file3.lane definitions（1）路段细分（2）邻近的对向车道（3）删除边或车道4.type file（1）简要概述（2）edge定义中引用type文件的示例（3）指定车辆种类的速度限制5.connections file（1）简要概述：（2）connection的属性参数（3）删除连接（4）设置连接的优先级（5）同一边的多个连接二.演示示例：1.自定义编写node file2.自定义编写edge file3.自定义编写type fil

weixin_50632459的博客 5016

若依框架-------弹层表格

若依框架就是一个后台管理框架

3058

YOLOv8的Anchor-Free革新：从中心点预测到动态IoU匹配的全面解析

本文深入解析了YOLOv8采用Anchor-Free（无锚框）设计的核心优势与实现机制。通过摒弃预设锚框，模型直接预测目标中心点与宽高，结合解耦头、动态IoU匹配及Varifocal Loss等创新，显著简化了训练流程并提升了检测精度，尤其在小目标检测和模型泛化能力上表现突出。

weixin_29094301的博客 356

初次 使用RuoYi 若依框架总结（前端）

本人是做java开发的小白，偶然间看到了一篇关于若依框架的文章，顿时吸引过来，经过自己的摸索，从无知到认知，到现在能简单的使用，在此把自己用到的前端页面用到的东西做了一个小小总结，给大家做个分享（本人小白，有错误地方希望提出，本人能及时改正，相互成长！！叩谢） 1. th:if <span th:if="${cusSecond.marriage} eq 1">已婚</span&g...

贝小木 6万+

【学术情报智库】目录学的数字化蜕变：从古籍整理到AI知识图谱的跨越

我们既是浩瀚知识的守望者，也是数字智识的开拓者。目录学数字化不是技术替代传统，而是融合创新，让学术的系统性与多样性在新媒介下焕发新的生命。以AI为桥，既要智能链接，也要人文关照——这是对自我文明的深情回应，也是新知时代的庄严约定。

高校图书馆高级系统架构师/研究馆员，推动高校AI从概念演示到可评审、可交付、可运维：路线图与立项评审、PoC交付、评测回归与上线运维（Baseline/Eval/Ops）。 1421

SAP Fiori Elements 扩展实战：UI 层扩展、OData 服务扩展、CDS 视图增强及全流程案例

UI 层扩展主要关注在不修改标准生成界面的基础上，自定义用户界面元素和交互逻辑。典型需求包括：在现有 Fiori Elements 界面上添加新的字段（如表格列或表单项）、增加自定义按钮并绑定操作、以及通过控制器扩展加入事件处理等。无论在 RAP 还是传统 BOPF 架构下，前端 UI 扩展通常采用 SAPUI5 提供的**扩展点（Extension Points）和控制器扩展（Controller Extension）**机制来安全地插入自定义代码。下面分别说明两种后端架构下 UI 扩展的实现方式。

2007 年 ~ 2025 年，深耕 SAP 技术 18 年 902

若依弹出层上再次弹出，第二层隐藏到第一层后面了，解决方案。

2.跟百度AI深入交流，AI多次提到dom树，为解决提供了灵感，但是ai也多次提到z-index的问题。1.遇到问题找到问题的本质，例如弹出功能，那么弹出使用的方法要溯源。结果就导致第二层的弹窗插入了iframe的内嵌页的dom。所以要用好ai，找对方向，不要在错误的方向上浪费大量时间。第一层用的是$.modal.openOptions。第二层用的是原生的layer.prompt(...)第二层：top.layer.prompt(...)关键代码是top.layer.open（...）

阳光与微笑 565

知识图谱开发实战：搭建上市公司知识图谱（二）

搭建上市公司知识图谱（二）学习目标1. 获取上市公司公开数据1.1 获取上市公司列表与行业信息1.2 代码展示2. 从网站爬取上市公司网页并存储为 HTML文件2.1 准备环境2.2 爬取上市公司公开信息3. 解析HTML文件，获取高管信息并存储为 csv 文件4. 设计知识图谱数据库4.1 实体4.2 关系4.3 属性4.4 特殊4.5 代码5. 知识图谱数据库查询实战5.1 实战：按照neo4j的数据格式，转换CSV文件5.2 实战：使用neo4j-admin 导入数据5.3 实战：使用neo4j-b

全网粉丝30W+，优快云、稀土掘金人工智能领域签约作者，人工智能、大模型、Python 爬虫，商务合作，请私信沟通。 2094

模态窗口提交表单

<%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%>     Insert title here /JS/jquery-1.8.0.js"> /JS/common-artdiag.js"> /JS/artDialog/css/ui-d

Lenux2017的博客 1823

VC中sqlite的使用

在VC中对sqlite的使用，实现数据库大批数据的快速插入，读取数据库中的数据在ListCtrl中显示

汉书HE8，好用的汇编代码编写工具

汉书HE8，好用的汇编代码编写工具早期编写汇编代码所用功能强大

实现模态窗口提交填报表在本窗口刷新

实现模态窗口提交填报表在本窗口刷新 问题背景          客户在模态窗口中发布填报表，当点击提交时，总会打开一个新页面提示提交成功。客户希望，在模态窗口中提交报表后能够在本窗口中弹出提示，并且在该模态窗口中刷新。 问题分析          由于报表提交时会请求一个servlet处理，而后返回到该页面。而模态窗口并不是一个页面，可以将其理解为一个弹出窗

妍大宝 要努力工作 853

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

模态窗口中，防止提交时页面刷新弹出新的页面

  在模态窗口中，如有提交按钮，点击后会弹出新的页面。解决此问题有两种方法: 1、在head中，添加&lt;base target="_self"&gt;注意：不要在form中再添加target="_self"　否则失效 2、把弹出的窗口页面做成框架网页，去加载要展示的网 如果你的浏览器是IE5.5+,可以在对话框中使用带name属性的iframe，提交时可以制定t...

iteye_6988的博客 296

蓝牙模块HM-10手册

蓝牙模块HM-10手册，该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

layui数据表格异步加载、显示模态窗口、表单异步提交、数据表格重载 ，它们如何协调工作的

网站后台经常使用layui的数据表格，样例如下 点击【添加】显示模态窗口 在模态窗口的表单输入数据，点击【确定】，异步提交表单，并关闭模态窗口，同时实现数据表格的重新加载 这些如何实现呢，在thinphp5中，我们一般为分两个页面 首先看显示数据表格的页面 <!DOCTYPE html> <html> <head> <meta...

李书明(石家庄)的专栏 3508

润乾报表实现模态窗口提交填报表在本窗口刷新

润乾V4 润乾报表 模态窗口提交 填报表 在本窗口刷新

xiaohuihui_1992的博客 472

模态窗口提交form打开新窗口的解决办法

模态窗口提交form打开新窗口的解决办法

可克技术 4278

模态窗口提交请求时禁止在新窗口打开页面的处理方法

今天本来用window.open()来打开新窗口，然后进行提交请求。后来改成Window.ShowModalDialog()打开模态窗口，可是提交请求时总在新窗口打开页面，查了好久最后通过如下方法解决： 在要弹出的窗口的之间加： 这样提交请求时就不会在新窗口打开页面了。 原文地址： http://plplum.blog.163.com/blog/static/

dzf203的专栏 887

JQuery Dialog(JS模态窗口,可拖拽的DIV)

预   原文地址：

竹林幽深 6349

关于模态窗口的使用

在web页面中需要弹出一些模态窗口，对于如何应用大体做了一下总结。本来还有几个小例子来演示，可不知道这里如何上传附件，什么时候会了，什么时候再传吧打开模态窗口var result = showModalDialog("b2.htm","dialogWidth:270px;dialogHeight:140px;status:no"); //显示dialog窗，result变量

infor_support的专栏 376

多层模态窗口showModalDialog页面提交及刷新

<br />1 在第N(N>1)层的模态页面中，如果想链接到其他页面或者刷新当前页，只能用<br />window.name = "__self"; <br />window.open(window.location.href, "__self") //注意是2个下划线<br />替换 location.href <br />2 当需要关闭第N(N>1)层的模态窗口，并刷新第N-1层的模态页面时, 为防止刷新时弹出新窗口, 可以通过returnValue 以传递返回值给第N-1层模态窗口，来确认是否需要刷新

zhaosg198312的专栏 1650

【模态窗口-Modeldialog】提交请求时禁止在新窗口打开页面的处理方法

在使用Window.ShowModalDialog()打开模态窗口后，在模态窗口内提交时总是会在新窗口中打开。 解决办法： 在要弹出的窗口的<head>之间加： <base target="_self"/> 这样提交请求时就不会在新窗口打开页面了。 转载于:https://www.cnblogs.com/Alenliu/p/3948751.html...

weixin_34297704的博客 315

模态窗口用法简介，模态窗口中的表单提交问题解决

在web页面中需要弹出一些模态窗口，对于如何应用大体做了一下总结。 打开模态窗口 var result = showModalDialog("b2.htm","dialogWidth:270px;dialogHeight:140px;status:'no'"); //显示dialog窗，result变量为此窗返回值数组 从模态窗口返回值 window.returnValue=”...

静渊 316

解决IE使用模态窗口提交表单时跳出新窗口问题

   在IE浏览器下使用JavaScript打开模态窗口 window.showModalDialog(url,window,'dialogWidth:600px;dialogHeight:400px'); 但在提交模态窗口上的表单时有时会跳出一个新的窗口，解决： &lt;form name="f1" method="post" runat="server" target="abc" &g...

jing547789635的博客 496
上一篇： Oracle超出最大连接数问题及解决(…
下一篇： SQL两表复制
点赞 0
评论 0
书签 书签 0
jarry.liu
jarry.liu
博客等级 码龄16年 36粉丝 304原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

jarry.liu

如果对您有帮助，鼓励下博主吧

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

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

打赏作者

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

抵扣说明：

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

余额充值