如何使用强大的弹出窗口根据选择显示表单提交的结果
弹出窗口是一种常见的用户界面元素，用于在当前页面上显示一个新的浮动窗口。根据选择显示表单提交的结果可以通过以下步骤实现：
- HTML：在页面中创建一个按钮或链接，用于触发弹出窗口的显示。例如：<button onclick="showPopup()">显示弹出窗口</button>
- JavaScript：编写一个函数来显示弹出窗口，并根据选择显示不同的表单提交结果。例如：function showPopup() { // 创建弹出窗口 var popup = window.open("", "popupWindow", "width=400,height=300"); // 获取用户选择的值 var selection = document.getElementById("selection").value; // 根据选择显示不同的表单提交结果 if (selection === "option1") { popup.document.write("<h1>表单提交结果1</h1>"); // 显示表单1的内容和提交按钮 } else if (selection === "option2") { popup.document.write("<h1>表单提交结果2</h1>"); // 显示表单2的内容和提交按钮 } else { popup.document.write("<h1>无效的选择</h1>"); } }
- HTML：在弹出窗口中创建相应的表单和提交按钮。根据选择显示不同的表单内容。例如：<!DOCTYPE html> <html> <head> <title>弹出窗口</title> </head> <body> <form id="form1"> <!-- 表单1的内容 --> </form> <form id="form2"> <!-- 表单2的内容 --> </form> <script> // 获取父窗口传递的选择值 var selection = window.opener.document.getElementById("selection").value; // 根据选择显示相应的表单 if (selection === "option1") { document.getElementById("form1").style.display = "block"; } else if (selection === "option2") { document.getElementById("form2").style.display = "block"; } </script> </body> </html>
以上是使用弹出窗口根据选择显示表单提交结果的基本步骤。根据具体需求，可以进一步优化和扩展功能。在实际应用中，可以使用腾讯云的云原生服务、云服务器、云数据库等产品来支持弹出窗口的开发和部署。具体产品和介绍可以参考腾讯云官方文档：腾讯云产品与服务。
相关·内容
1回答
好的，我的表单有3个单选按钮，一个选择下拉菜单和一个提交按钮。我有HTML的地方，但我有问题使用magnific弹出打开结果的基础上选择了什么。下面是我使用的HTML和JQuery：
<form class="dnt-tool" action="#popup" name="dnt&quo
浏览 6提问于2017-01-13得票数 0
回答已采纳
我有一个弹出式注册表，注册工程很好，但如果用户输入无效的电子邮件和提交它关闭的表单，当用户打开它的另一个时间或刷新页面时，只有错误出现意味着错误消息工作，但没有在适当的时间或我不知道发生了什么。这是我的PHP注册码：这是我的html弹出表单代码：
<form action="<?php echo htmlspecialchars($_SERVER[
浏览 1提问于2017-04-20得票数 0
1回答
目前，我正试图上传一个CSV文件包含记录，这部分是好的工作。请找到下面的代码片段。globalError}"></span> </div>
浏览 5提问于2022-10-21得票数 0
我有一个表格形式的元素列表，如下所示。这些是从rails后端获取的。现在，我希望能够根据每个核对表的选择来设置剩余部分。如果我选择一个清单中的一个元素，我应该会得到一个弹出窗口，上面写着“商店名称”，“类别”，并生成一个表单。成功提交此表单后，我希望启用相应的复选框。我需要一个Jquery专家来帮助我如何实现这一点。我可以根据
浏览 0提问于2013-04-25得票数 0
我是Javascript的新手。我正在尝试写一个非常基本的程序，将在一个弹出式窗口中显示表单的结果后，由用户提交。
我有一张表格上面有所有相关的身份证。我的问题是从弹出窗口中访问此表单。我一直在尝试window.opener.formid1，window.parent.formid2，document.forms[0]在必要的地
浏览 1提问于2011-06-08得票数 0
我在列表中有几行项目，每个项目都有自己的删除按钮。在删除项目之前，我想使用Bootstrap的弹出窗口在表单实际提交之前显示确认：我过去常常使用来做这件事，但我相信有一种更简单、更干净的方法可以不需要插件就能做到这一点。我可以将表单中的值传递给jQuery，并触发popover，但我不确定如何根据popover中选择
浏览 7提问于2014-01-02得票数 6
回答已采纳
3回答
我有一个jquery弹出表单来上传一个文件，在提交之后(页面刷新和弹出关闭)，我检查了一些关于文件的东西，然后如果有什么问题，我需要再次弹出那个表单(从java代码？)，我该怎么做？
浏览 1提问于2010-10-08得票数 0
回答已采纳
3回答
我在javascript中有弹出类，并在我的html页面中添加了显示该弹出窗口所需的所有脚本。我正在尝试加载PHP页面在弹出的提交按钮点击我的表单。弹出窗口的按钮工作正常，如下所示( select.php的文本显示在弹出框中)：
<a href="select.php"
浏览 5提问于2015-04-16得票数 4
回答已采纳
3回答
我有一个应用程序，它使用backbone.js和jQuery作为UI。我有一个页面上的表单，附加到表单的文本框模糊事件是一个函数，它在某些条件下向用户显示弹出窗口并等待其输入-这些条件是使用对WCF服务的ajax调用进行检查的。一切正常，直到我单击表单的submit按钮，同时将焦点设置在文本字段上-然后显示弹出窗口</e
浏览 0提问于2012-12-16得票数 2
3回答
我已经使用jquery创建了一个登录弹出窗口，并通过页面中使用的php确认登录。当用户输入正确的凭据时，页面被重定向到我想要的位置，但是当给定不正确的凭据时，弹出窗口消失，然后再次按下登录链接以在表单上看到消息。我希望弹出窗口显示“用户名/密码”不正确的消息。我研究了很多，但我还没有找到一个准确的答案
浏览 1提问于2013-12-26得票数 0
2回答
我使用这个来调用一个模式弹出窗口，它基本上是一个联系人表单。代码中发生的事情是，在单击其中一个图像之前，以下div被隐藏： <spanBesked"></textarea><br />
<input type=&quo
浏览 2提问于2014-02-04得票数 0
我使用Jquery validate函数进行表单验证。到目前为止，我一直在将错误消息附加到页面元素，但现在我想在一个警告弹出窗口中显示它。当用户未选择任何内容时，警报弹出窗口会成功显示错误消息，但是当用户提交有效表单时，弹出窗口仍会显示(这次没有错误消息)。
如何在提交有效表单后阻止弹
浏览 2提问于2012-03-11得票数 0
1回答
弹出通知框
、、
我正在尝试创建一个弹出式通知，它显示在屏幕顶部(使用基本动画)。通知将是一个带有提交按钮的简单表单。最好的选项是什么1.创建弹出窗口和2.动画到弹出窗口
浏览 7提问于2013-11-04得票数 1
1回答
我现在在一个新的弹出窗口中加载一个表单(啊！)当你提交时，它将关闭弹出窗口，并打开另一个弹出窗口，其中包含表单提交的结果。
不用说，这是一个非常糟糕的想法，我想纠正它。有没有人可以推荐一种相当简单的方法在模式框中显示我的表单(popup.php)，当您提交时
浏览 0提问于2011-10-28得票数 3
回答已采纳
1回答
在我的应用程序中，我想要一个div弹出窗口后，用户登录，该弹出窗口将显示每小时的登录时间。div弹出窗口将显示一个文本框并提交表单，如果用户在第二个div弹出窗口之前没有提交任何数据，则应自动提交表单，并将数据存储到数据库中。现在的问题是如何显示</
浏览 2提问于2015-01-06得票数 0
由于各种原因，我有一个需要很长时间才能提交的表单-我正在使用validationEngine内联验证表单字段，效果非常好。然后，我需要添加一个弹出式div，以告诉访问者请耐心等待应用程序执行请求的搜索。我最初的解决方案很好地接受了当访问者单击提交时弹出的div显示，无论表单是否完全填写-如果表单完全填写，一切都按预期运行-如果他们错过了一个字段，
浏览 0提问于2011-03-06得票数 2
1回答
我使用的是Drupal6表单，ahah用于ajax表单提交。在表单提交时，我执行一些验证，并允许用户选择在jqModal弹出窗口中显示的选项。我用于jqm弹出窗口的JS脚本是： $(document).ready(function() {
$("#dialog").jq
浏览 3提问于2014-05-08得票数 0
我使用的是PHPMailler，我需要在提交表单后重定向页面，并获得成功弹出窗口。 if (text == "Sent") {
window.location = "http:/
浏览 1提问于2016-05-02得票数 0
我们将在使用JavaScript etc.The服务的服务提供商网站上将表单数据(一个id)发布到表单，需要获取该id并向用户显示一些相关数据。我们在他们的服务器上把这个帖子想象成一个表单，然后在弹出窗口中显示结果。用户点击我们网站上的链接
这会将数据发布到服务提供商站点，并在弹出/iframe中显示来自服务提供商站点的</
浏览 0提问于2012-05-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
