不是那么隐藏的表单域

Question

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

Answer 1

带添加输入字段的“添加人员”下拉框会隐藏在div中。当用户点击“添加人员”时，div可能会出现。

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

Answer 2

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

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

您有隐藏的表单字段两个选项：

1. 您可以创建他们点击“加人”
2. 您可以提前创建它，默认情况下隐藏它每一次，然后只需点击“添加人员”即可显示。

要隐藏它，只需在要隐藏的元素（或其容器元素）上指定CSS属性：display: none。

如果您使用jQuery，可以将函数绑定到“添加人员”按钮的单击事件。否则，您可以指定onclick=""属性来调用一些显示隐藏输入框的Javascript函数。

一旦准备好提交表单，您可以再次使用jQuery将表单提交绑定到Javascript函数： $(myform).submit(someFunction)。同样，如果jQuery不是一个选项，您可以使用表单上的onsubmit属性来处理提交表单时发生的情况。

有了更多的信息，我可以根据您的需求定制这个响应。

Answer 3

是否这样？

http://jsfiddle.net/aJHnV/