html - 将数据发送到 CSS Modal Popup

标签 html css

我需要在以下位置操作我的 Mysql 数据:

  1. 我在 HTML 表上填充 Mysql 数据库内容,每一行都有“编辑”和“删除”按钮...(HTML“a”标签按钮)
  2. 当我点击“编辑”按钮时,会打开一个纯 CSS3 模态弹出窗口,我需要在该行中编辑一条记录,
  3. 如果我单击“删除”按钮,将打开纯 CSS3 模式弹出窗口以确认删除记录,如果答案为"is",则继续删除记录,如果答案为“否”,则应返回父页面...

填充选定记录的列表正在运行。 CSS3 模态弹出窗口正在工作... 问题是我如何向模态弹出窗口发送参数来操作数据?

有人可以帮忙吗。

谢谢。

最佳答案

我将以无特定顺序执行此操作的方式:

  1. 为表格中的每一项设置单独的模态框。可能很麻烦,而且效率肯定不高,但不使用 Javascript 也能完成工作。
  2. Javascript - 有一个 data-iddata-table按钮中的属性。单击时,通过 AJAX 使用 Javascript 填充模式。
  3. Javascript - 将表数据存储在 JSON 数组中。使用上述属性访问 JSON 表对象的特定元素。
  4. Javascript - 将 JSON 对象直接存储在 data 中属性(如果可能)并在点击时加载模式。
  5. 隐藏<div>包含所有内容,并在单击按钮时将 HTML 传输到模式。

确实有很多其他方法可以完成它。选择一个看起来简单、高效且安全的方法,然后试一试。当您遇到问题时,请发回此处,我们很乐意为您提供帮助。

关于html - 将数据发送到 CSS Modal Popup,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10522823/

相关文章:

CSS 选择器获取 HTML 树中特定类的最深元素

html - 如何在所有其他 div 完成后使页脚 div 开始

html - 签名中的嵌入图像未显示

javascript - 为什么我无法通过 jQuery/JS 字符串插值找到 html 元素?

javascript - 单击图像以打开带有静态文本的幻灯片

html - 制作 HTML5 视频播放列表的最佳方式?

html - 我想让一个 css 样式无效,但不想将该样式设置为任何值

javascript - 如何为父元素分配子元素宽度

php - Google Maps v2 div 在 map 内部或上方

javascript - 无论屏幕高度/宽度如何,如何使图像停留在屏幕底部?