Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在输入上添加新的输入字段_Html_Dynamic_Input_Field - Fatal编程技术网

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

Html 在输入上添加新的输入字段,html,dynamic,input,field,Html,Dynamic,Input,Field,用户好 我想创建一个带有输入字段的表单,当用户开始在该输入字段中键入内容时,另一个输入字段将显示在该表单下方。这样,用户就可以添加多个产品,而不必查看包含20个输入字段的列表,而只需在输入第一个输入字段时看到一个新的输入字段 我希望这里有人知道我在哪里可以找到这个 亲切问候, Augus正如@karthikrangaraj在他的评论中指出的那样,您可以在这些输入中附加一个onkeyup事件处理程序,并在那里调用一个函数,该函数将友好地将元素添加到容器中 您必须跟踪哪些输入字段已经创建了子输入,以

用户好

我想创建一个带有输入字段的表单,当用户开始在该输入字段中键入内容时,另一个输入字段将显示在该表单下方。这样,用户就可以添加多个产品,而不必查看包含20个输入字段的列表,而只需在输入第一个输入字段时看到一个新的输入字段

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

亲切问候,


Augus

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

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


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

您可以动态执行此操作,例如,当用户填写或键入最小字符数时,您可以使用脚本显示下一个输入字段。请检查这个并用谷歌搜索它。很好的例子,这让我更进一步。但是根据我使用javascript的经验,我还有一个问题要问您,是否可以使用文本及其下的输入创建一个新的div?是的,当然,您可以创建一个新的
元素并将
添加到其中。然后将
添加到容器元素中。看,哇,谢谢!现在我只需要弄清楚如何在div:p中输入一些文本和另一个输入。但是你的帮助是巨大的!例如,可以使用
myDivElement.appendChild(document.createTextNode(“一些随机文本”))将文本附加到元素中。有关参考信息,请参阅。至于添加另一个
,只需按照示例中的模式进行操作:-)太好了!这将让我添加所有我需要的东西。