- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我有一个表单,它将值发布到 MySQL 数据库中,但是我想在提交表单后在模态中显示这些值,但我不知道我做错了什么。
这是我的表单片段:
<form action="menuactions/temporesto.php" method="post" enctype="multipart/form-data">
<label class="control-label">First Name:</label>
<input class="form-control" placeholder="John" type="text" name="first_name" required autofocus/>
<br />
<label>Last Name:</label>
<input class="form-control" placeholder="Doe" type="text" name="last_name" required/>
<br />
<label>Contact:</label>
<input class="form-control" placeholder="Email/Phone Number" type="text" name="contact" required/>
<br /><label>Order Date:</label>
<input class="form-control" placeholder="mm/dd/yy" type="text" name="eventdate" required/>
<br />
<label>Event Time:</label>
<br />
<select id="eventtime" class="form-control" name="eventtime1">
<option value="item0">--Select Time--</option>
<option value="11:00 am - 2:00 pm">11:00 am - 2:00 pm</option>
<option value="6:00 pm - 9:00 pm">6:00 pm - 9:00 pm</option>
<option value="7:00 pm - 10:00 pm">7:00 pm - 10:00 pm</option>
<option value="3:00 pm - 6:00 pm">3:00 pm - 6:00 pm</option>
<option value="4:00 pm - 7:00 pm">4:00 pm - 7:00 pm</option>
</select>
<br/>
<label>Event Hours:</label>
<br />
<input class="form-control" id="eventhours" value="3 Hours" type="text" name="eventhours1" readonly/>
<br />
<button type="submit" name="submit" class="btn btn-info btn-lg" data-toggle="modal" data-target="#checking">Submit</button>
</form>
这是我的模态:
<!-- Modal -->
<div id="checking" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">× </button>
<h4 class="modal-title">Reservation Information</h4>
</div>
<div class="modal-body">
<label><h2>Name: <?php echo $row['first_name'];?> </h2></label>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
还是我必须在新页面而不是模态窗口中打开它?
我可以将这些值提交到 MySQL 中,但它不会显示在模式中。
最佳答案
如果最终目标是使模态内容动态化,您有两种选择:
使用两个模式,一个用于表单提交,然后在提交时关闭,然后打开第二个模式。也许通过阅读第一次提交的回复,其中包含您需要填充第二个模态的所有内容。这意味着用户看到的是第一个模式隐藏和第二个显示,这可能并不理想。
使用 1 个模态,但使实际正文内容动态化。您很可能需要以某种方式在客户端执行此操作。例如。第一次运行模式知道它处于 submit 模式,因此呈现该 UI,然后在提交时获取新内容(或者您可能必须创建一个只返回新内容的新服务器端点)模态切换到 显示 模式,然后您可以在其中更新模态内的 DOM 元素。根据您拥有的内容量,您可能需要让模态重新触发其高度检查并自行调整。
无论哪种方式,我们都假设您有某种响应负载,它告诉您新的模式内容应该是什么,这可能是 JSON、原始文本、XML 等。此负载可能是响应来自第一个表单提交,或者它可能来自提交后返回新内容表示的另一个服务器端点。
在实现 #2 方面,您可以直接使用 Javascript/jQuery 来实现,并动态创建新的 DOM 元素,或者您可以使用客户端模板语言(如 Handlebars 或 Mustache),或者您可以实现一个解决方案就像 Vue.js 一样,它只管理模态内容。
最终,我的猜测是这将是客户端操作,但你从那里去哪里取决于你的数据以及你需要在第二个模式中构建多少复杂的 UI。
关于php - 我可以将值发布到 MySQL 并同时在 Bootstrap Modal 上查看它吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48386357/
我有 Angular 问题 modal service 我的 app.js 包括: angular.module('myApp', ['myApp.test', 'ui.bootstrap','sma
这是模态中模态的示例。 http://foundation.zurb.com/docs/components/reveal.html 关闭子模态后,有什么方法可以返回到相同状态的第一个模态吗?或者,更
我在另一个模态中有一个模态,我设法使内部模态关闭而不影响另一个模态。问题是,当第二个模态关闭时,它会为其自身和第一个模态触发 'hidden.bs.modal' 事件。 Open demo moda
我试图在单击跨度时打开 Bootstrap 模式对话框,我在互联网上搜索了问题的解决方案 Bootstrap 模式 $(...).modal 不是函数 但我发现的唯一解决方案是“将 jQuery 脚本
我收到错误:this.$modal.modal 不是一个函数 我通过 gulp 文件从 wwwroot 文件夹中的 Node_Module 获得了 ng2-bs3-modal。 我的文件夹结构是:
我使用“use-ajax”类在模态中呈现登录表单。我想在不关闭同一模式的情况下处理验证错误。成功登录后,它会正确重定向,但是当发生错误时,它会关闭模式并重定向到登录页面,即用户/登录并在该页面上显示错
我使用的是 5.2.9 版的 Angular 5,我使用的是 ngx-smart-modal,当我打开 Modal 时,它不显示内容并且非常接近顶部并缩小,附加的图像已附加。 const reason
我正在尝试显示模式弹出窗口以显示网格中所选记录的详细信息。在模式弹出窗口中设置每个控件的值后,我尝试打开它但失败。我已在网站母版页中包含了所有必需的引用,但不断收到“对象不支持属性或方法‘模态’”错误
我正在关注这个Tutorial . 这是我的代码(我已经排除了我的表格 HTML): @model IEnumerable @{ Layout = "~/Views/Shared/_Layou
使用 twitter bootstrap 框架进行 Web 应用程序。我正在使用一个模态,其中我调用另一个模态,其中一个模态位于另一个模态之上。目前,如果您单击关闭“x”按钮,它将关闭两个模式窗口。我
是否可以使用 Twitter Bootstrap 在另一个模态中打开一个模态? 我创建了一个模态,并在第一个模态体内放置了一个指向第二个模态的链接和第二个模态的定义。当我单击链接时,第二个模式在第一个
我正在尝试将 Angular 的 Bootstrap 模式传递给在 Angular Masonry Gallery 中单击的图像的 URL。我所拥有的与文档中的演示非常接近,仅做了一些更改。我知道这完
我需要解决这个问题,我的问题是您看到的第一个模态框必须在白色模态框的后面,我该如何更改它们的位置? 这是图片 黑色模态应该在后面,白色模态应该在前面我怎样才能做到这一点?请帮忙谢谢。 这是我专门制作的
我在 Bootstrap 中遇到这些模态问题。我已经为两者设置了不同的 id,但是当按下“更多”按钮时只有第一个出现。第二个按钮没有显示所需的模式。 Something The Team
被这个问题难住了,但也许,只是也许,有人以前遇到过这个问题,可以给我指出正确的方向。 我有一个 JDialog 用于显示长时间运行的任务的进度,我已将其明确创建为具有定义的所有者的模式: prog
我有一个使用 PrimeFaces 3.0.1 在模态对话框上显示的模态 ConfirmDialog。如果 ConfirmDialog 被打开,整个页面都会被锁定,包括 ConfirmDialog 本
因此,我使用这段代码在当前打开的模态窗口中打开另一个模态窗口: Click 发生的情况是,滚动条会重复 500 毫秒。我猜是因为当前模式仍在淡出。然而,它看起来非常不平滑和卡顿。 如果有任何解决此问题
我目前在 Angular 应用程序中使用自定义主题,我需要将一个额外的 css 类附加到“.modal-dialog”容器,它位于 ngb-modal 内部-窗口。 根据文档 (https://ng-
我关注了这个 StackBlitz example加你 ngx-smart-modal window 。 一切都很顺利,除了组件在页面上打开而不是在灯箱模式弹出窗口中打开。 此示例使用 Angular
我想用 bunit 测试模态是否打开。问题是,模态没有被渲染。如何用 bunit 打开一个 blazored modal? 在我的测试组件中创建模态: Hi
我是一名优秀的程序员,十分优秀!