不是那么隐藏的形式领域

Question

我有一个输入字段，用户可以在其中输入评论。我想添加另一个字段，但我想让它“隐藏”，当他们点击“添加人”时，会弹出一个带有输入字段的下拉框，然后键入要添加的人的姓名。然后，当用户点击“提交”评论时，我的PHP脚本会处理其他“人员”信息。怎么做？

Answer 1

喜欢这个吗？

http://jsfiddle.net/aJHnV/

Answer 2

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

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

Answer 3

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

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

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

1. 您可以在每次点击“添加人员”时创建
2. 您可以提前创建，默认隐藏，然后只需在有人点击“添加人员”时显示。

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

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

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

通过更多信息，我可以根据您的需求更好地定制此响应。