使用JavaScript提示框显示选项列表

Question

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

我想将每个选项呈现为按钮，而不是要求用户手动输入选项（如下所示）：

var OptionChosen = prompt('请输入1、2、3或4：')

- Anderson Green

---

创建适当的基于浏览器的自定义模态对话框似乎是不可能的，这显然是由于安全问题。您需要使用DOM元素来模拟一个。 - Qantas 94 Heavy

你是否必须使用提示框？我会使用JavaScript和DOM元素编写自己的弹出窗口。此外，你还可以使用jQuery的高级弹出库。 - Anton Garcia Dosil

@AntonGarciaDosil 具体来说，我想创建一个带有按钮列表的模态对话框，用户可以选择其中一个按钮，以便根据用户的选择设置变量的值（就像JavaScript提示窗口一样）。 - Anderson Green

@AndersonGreen 我相信你不能用JavaScript提示框来做到那一点。就像PSR所说，你可以使用jQuery对话框。有大量的jQuery扩展实现模态窗口。 - Anton Garcia Dosil

Answer 1

你不能这样做，但是你可以使用jQuery对话框代替。

示例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>

- PSR

---

能否将一个变量设置为 JQuery 对话框框的输出？ - Anderson Green

你可以在这里拥有不同的按钮。你可以设置返回不同的值。 - PSR