在输入上添加新的输入字段

Question

美好的一天用户，

我想创建一个带有输入字段的表单，当用户开始输入该输入字段时，其下方会出现另一个输入字段。这样用户就可以添加多个产品，而无需查看20个输入字段的列表，只需在第一个输入字段输入时看到新的输入字段。

我希望有些人知道我在哪里可以找到这个。

亲切的问候，

安格斯

Answer 1

正如@karthikrangaraj在他的评论中所指出的那样，你可以将onkeyup事件处理程序附加到这些输入，并在那里调用一个将元素添加到容器中的函数。

您必须跟踪哪些输入字段已创建子输入，以避免在每次按键时创建新字段，并且您还必须跟踪添加的元素数量，以便为新创建的元素分配连贯的name / id属性。

请参阅this fiddle中的基本工作示例。