在Javascript中使用Window.prompt（）

Question

我有以下代码：

<!DOCTYPE html>
<html>
<body>

<p>Click the button to demonstrate the prompt box.</p>

<button onclick="myFunction()">Try it</button>

<p id="demo"></p>

<script>
function myFunction() {
    var person = prompt("Choose a name\nJohn\nMike\nSteve\nOliver", "John");

    if (person != null) {
        document.getElementById("demo").innerHTML =
        "Hello " + person + "! How are you today?";
    }
}
</script>

</body>
</html>

它显示一个弹出框，要求用户输入名称，而john是默认名称。

我要这样做，以便用户可以单击弹出窗口中显示的名称之一（John，mike，steve，oliver等），然后单击该名称将导致该名称出现在可键入字段中。 这可能吗？ 我需要Java语言中的其他提示吗？

我基本上不想输入值，但是可以在名称列表中单击它，然后单击“确定”或相应地取消。

因此，例如，如果用户在弹出窗口中单击“ Mike”作为链接，则应该通过单击它而不是键入来将名称“ Mike”填充在底部的框中。

希望这是有道理的，任何帮助将不胜感激。

Answer 1

我要这样做，以便用户可以单击弹出窗口中显示的名称之一（John，mike，steve，oliver等），然后单击该名称将导致该名称出现在可键入字段中。 这可能吗？

不能使用prompt() 。 您将需要使用HTML制作自己的UI，并使用具有所需布局的表单。

另外，不相关的说明...此代码很危险：

document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";

当您将文本连接成HTML时，您会允许人们输入恶意代码，或者只是可能破坏HTML的普通保留字符。 确保您设置的是文字。

Answer 2

在这里检查

我在@brad的基础上添加了一个答案

function myFunction() {
    var person = prompt("Choose a name\nJohn\nMike\nSteve\nOliver", "John");

    if (person != null) {
     document.getElementById("demo").innerHTML =
    "Hello " + person + "! How are you today?";
    }
}

 function myFunction() { var person = prompt("Choose a name\\nJohn\\nMike\\nSteve\\nOliver", "John"); if (person != null) { document.getElementById("demo").innerHTML = "Hello " + person + "! How are you today?"; } }

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> <p>Click the button to demonstrate the prompt box.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p>

在Javascript中使用Window.prompt（）

问题描述

2 个解决方案

解决方案1
2 已采纳 2016-10-30 19:28:36

解决方案2
0 2016-10-30 19:34:52

在Javascript中使用Window.prompt（）

问题描述

2 个解决方案

解决方案1 2 已采纳 2016-10-30 19:28:36

解决方案2 0 2016-10-30 19:34:52

解决方案1
2 已采纳 2016-10-30 19:28:36

解决方案2
0 2016-10-30 19:34:52