Javascript 不那么隐藏的表单字段

我有一个输入字段，用户可以在其中输入注释。我想添加另一个字段，但我希望它是“隐藏”的，当他们单击“添加人员”时，会弹出一个带有输入字段的下拉框，然后您键入要添加的人员的姓名。然后，当用户点击“提交”时，我的PHP脚本将处理评论和其他“人员”信息。如何做到这一点

带有输入字段的“添加人员”下拉框将位于隐藏的div中。当用户单击“添加人员”时，该div可能会出现

---

下拉列表和输入值将始终发送到php脚本。在PHP中，请确保排除您在这些字段中输入的任何默认值。

如果这是一个选项，最好使用jQuery

如果不是，您可以使用JavaScriptDOM来完成同样的事情，只需付出更多的努力

“隐藏表单”字段有两个选项：

您可以在他们每次单击“添加人员”时创建它

您可以提前创建它，并在默认情况下隐藏它，然后在有人单击“添加人员”时显示它

要在默认情况下隐藏它，只需在要隐藏的元素（或其容器元素）上指定CSS属性：

display:none

如果使用jQuery，可以将函数绑定到“添加人员”按钮的单击事件。否则，您可以指定

onclick=“

属性来调用显示隐藏输入框的Javascript函数

准备好提交表单后，可以再次使用jQuery将表单提交绑定到Javascript函数：

$（myform）.提交（someFunction）

。同样，如果jQuery不是一个选项，那么可以使用表单上的

onsubmit

属性来处理提交表单时发生的事情

有了更多的信息，我可以根据您的需要更好地调整此响应。

像这样吗

---

这可能无法解决您的所有问题，但下面是自动完成部分的一个组件-。