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

Question

美好的一天，

我想制作一个带有输入字段的表单，当用户开始在该输入字段中键入内容时，另一个输入字段将出现在其下方。 这样，用户可以添加多个产品，而不会看到20个输入字段的列表，而只是在输入第一个输入字段时看到一个新的输入字段。

我希望这里的某人知道我在哪里可以找到它。

亲切的问候，

安格斯

Answer 1

就像@karthikrangaraj在他的评论中指出的那样，您可以将onkeyup事件处理程序附加到这些输入上，然后在其中调用一个将元素动态添加到容器中的函数。

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

请参阅此小提琴中的基本工作示例。