Question

我正在尝试创建一个社交网站。当用户点击pop up window按钮时，我需要创建一个create message（可能是javascript中的提示框）。弹出窗口应该包含2个文本字段就像facebook消息弹出窗口。第一个是收件人的名字，第二个是邮件。我搜索了很多，但得不到正确的。

Answer 1

创建自定义多字段输入没有简单的本机方法。 prompt提供了几乎但不完全解决方案。

因此，您需要编写脚本来生成与DOM的此接口。像jQuery UI这样的库提供了用于创建精细UI组件的通用方法，如此。

他们的对话框元素的modal form实例可以提供帮助。

Answer 2

您可以实现自己的弹出窗口，并为其提供您想要的功能。一个好的技巧是在页面<body>标记的最末端放置一个div元素。给它绝对定位和你拥有的最高z指数，并将显示设置为无。

将弹出内容放在此元素中，只要您想显示弹出窗口，就可以将包装器div设置为块显示。

Answer 3

看看我制作的样本小提琴。进行必要的调整并使用它。

$("p").click(function () {
   $("<div class='popup'></div>").html('<input type="text" /><br /><input type="text" />').appendTo("body");
});

以下是它的示例小提琴。

希望有所帮助