在 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 等），然后该单击会导致该姓名出现在可键入字段中。这可能吗？我需要在 Javascript 中使用不同类型的提示吗？

我基本上不想输入值，但能够通过名称列表单击它，然后单击确定或相应地取消。

因此，例如，如果用户在弹出窗口中单击 "Mike" 作为 link，它应该用名称 "Mike" 填充底部的框，方法是单击它而不是必须键入它。

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

Answer 1

I want to make it so the user can click one of the names presented in the popup (John,mike,steve,oliver, etc) and that click would then result in the name appearing in the typable field. Is this possible?

不适用于 prompt()。您需要在 HTML 中制作自己的 UI，并使用具有您想要的布局的表单。

另外，一个不相关的注释...这段代码很危险：

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

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

Answer 2

Check Here

我在@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()

Using Window.prompt() in Javascript

javascript

jquery

html

popupwindow