使用 JavaScript 提示显示选项列表答案

【问题标题】：Show list of options using JavaScript prompt使用 JavaScript 提示显示选项列表
【发布时间】：2023-03-08 17:39:02
【问题描述】：

在 JavaScript 中，是否可以使用prompt 窗口显示可供单击的选项列表，而不是手动输入的选项列表？

我想将每个选项显示为一个按钮，而不是要求用户手动键入选项（如此处所示）：

var OptionChosen = prompt('Enter 1, 2, 3, or 4:')

【问题讨论】：

由于安全问题，不可能创建正确的、基于浏览器的自定义模式对话框 - 显然。您必须使用 DOM 元素来模仿。
您是否必须使用提示符？我只会使用 javascript 和 DOM 元素编写我自己的弹出窗口。您还有精美的 jquery 弹出库
@AntonGarciaDosil 具体来说，我想创建一个模式对话框，其中包含用户可以选择的按钮列表，以便根据用户的选择设置变量的值（就像 JavaScript提示窗口）。
@AndersonGreen 我相信你不能用 Javascript 提示来做到这一点。正如 PSR 所说，您可以使用 jQuery 对话框。有大量的 jQuery 扩展实现了模态窗口。

标签： javascript prompt

【解决方案1】：

您不能这样做，但您可以改用 jQuery dialog box。

示例 jQuery：

var selected = 0;
$('#dialog').dialog({
  title: "Prompt",
  buttons: {
    "First": function() {
      selected = 1;
    },
    "Second": function() {
      selected = 2;
    },
    "Third": function() {
      selected = 3;
    },
    "Fourth": function() {
      selected = 4;
    }
    // ..............
  }
});

带有html：

<div id="dialog">
    <p>Choose your option</p>
</div>

【讨论】：

是否可以在 JQuery 对话框的输出中设置一个变量？
这里可以有不同的按钮。可以设置返回不同的值