javascript - 通过单击 Bootstrap 下拉菜单将图像或文本插入静态网页上的 div

标签 javascript jquery html css twitter-bootstrap

我正在尝试在 bootstrap 中创建一个表,用户无需使用数据库后端即可在线编辑该表。

请在 https://preview.c9users.io/tomheaps/whiteboard/index.html?_c9_id=livepreview3&_c9_host=https://ide.c9.io# 查看我的页面预览

您会看到我已经成功地插入了一个下拉菜单,如果您点击“饮食”列标题正下方的表格单元格,该菜单就会出现。有什么方法可以使用 jquery,您可以单击菜单列表中的元素以将特定图像或文本插入到下拉列表的来源 div 中(即插入到您单击的表格单元格中)。

理想情况下,我希望用户插入的文本或图像保留在该 div 中,直到它被更改,即使有人在另一台计算机上查看该页面 - 不确定在静态网页中是否可以不使用数据库后端。

我的 javascript 技能是不存在的,在网上搜索了几个小时后找不到任何类似的东西,所以非常感谢收到任何启用此功能的脚本。

最佳答案

您需要一个数据库来显示需要出现在新计算机中的任何数据。 您在当前 DOM 文档中通过 js 插入的任何内容都只对当前用户显示。 您必须将数据存储在远程服务器中,以便新用户可以看到它。

关于javascript - 通过单击 Bootstrap 下拉菜单将图像或文本插入静态网页上的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33439319/

相关文章:

javascript - "Contact Me"调整页面大小时按钮不会变小

javascript - 2 张具有相同 src 的图像,一张渲染,一张不渲染。如何?

php - 使用 slidetoggle 扩展动态 div - 扩展此 div 时如何关闭另一个?

javascript - 尝试通过用户输入在 javaScript 中触发事件

html - css 对 Angular 线文本框边框样式

javascript - 在 React 中隐藏移动浏览器的地址栏加载(IOS/Android)

javascript - 无法滚动伪滚动条

javascript - 从内部循环输出多个单元格

javascript - 将 div 及其子元素转换为模态/弹出窗口?

javascript - -ms-filter for gradient in IE8 via jquery