javascript - 如果按下按钮打开类/窗口

Question

晚上好

我试图在按下按钮时打开一个窗口。

例如，按下 id 为 1 的按钮，然后会弹出一个窗口。我想我会用一个类来做到这一点，但我不知道我是怎么做到的......我现在会在 css 文件中添加一个新类，并在每次按下带有 id 的按钮时打开它，但我不知道该怎么做。

提前致谢

html:

<button id="1" onclick="info(this.id)">Küche</button>

js:

function info(id) {
    if (id == 1) {

        }
}

Answer 1

我误解了这个问题...

您必须使用 HTML 和 CSS 来显示“对话框”或“模态”(此答案可互换使用术语)

您可以利用前端框架，例如 Bootstrap (https://getbootstrap.com/docs/4.2/components/modal/)

或者您可以使用标准对话框 (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) 来使用目标浏览器的内置功能

或者您可以编写自己的对话框。

如果您想将数据保存在某处并了解为对话框单击了哪条记录，则需要跟踪所选 ID。

您还可以使用 JavaScript prompt() 功能 ( https://developer.mozilla.org/en-US/docs/Web/API/Window/prompt ) 从用户那里收集值。

另一种选择是在表单上使用隐藏容器，用所选元素的值填充它并相应地显示/隐藏它。