Javascript 将输入元素动态添加到表单

我读过很多关于动态添加字段集的博客和帖子，但它们都给出了一个非常复杂的答案。我需要的不是那么复杂

我的HTML代码：

<input type="text" name="member" value="">Number of members: (max. 10)<br />
<a href="#" id="filldetails">Fill Details</a>

成员数量：（最多10个）

因此，用户将在

input

字段中输入一个整数值（我正在使用javascript检查验证）。点击

Fill Details

链接，会出现相应数量的输入字段供他输入。我想用javascript实现这一点

---

我不是javascript方面的专家。我在想如何通过链接检索用户在

input

字段中填写的整数，并显示相应数量的输入字段。

您可以使用

onclick

事件处理程序来获取文本字段的输入值。确保为字段指定了唯一的

id

属性，以便可以通过

document.getElementById（）

安全地引用它：

如果要动态添加元素，应该有一个容器来放置它们。例如，一个

。通过

document.createElement（）

创建新元素，并使用

appendChild（）

将每个元素附加到容器中。您可能有兴趣为每个动态生成的

输出一个有意义的

名称

属性（例如

name=“member”+i

，如果它们要以表单形式提交

请注意，您还可以使用

document.createElement（'br'）

创建

元素。如果您只想输出一些文本，可以使用

document.createTextNode（）

此外，如果希望在每次即将填充容器时清除该容器，可以同时使用

hasChildNodes（）

和

removeChild（）

函数addFields（）{
//要创建的输入数
var number=document.getElementById（“成员”）.value；
//将放置动态内容的容器
var container=document.getElementById（“容器”）；
//清除容器以前的内容
while（container.hasChildNodes（））{
container.removeChild（container.lastChild）；
}
对于（i=0；i请尝试使用此JQuery代码动态包含表单、字段和删除/删除行为：


$（文档）.ready（函数（）{
var max_字段=10；
变量包装器=$（“.container1”）；
var add_button=$（“.add_form_field”）；
var x=1；
$（添加按钮）。单击（功能（e）{
e、 预防默认值（）；
如果（x


添加新字段
+ 
我听从了你的建议。但是当我点击时，浏览器控制台显示了这个错误：
未捕获类型错误：无法调用未定义的方法“appendChild”
答案非常有用。我如何才能将CSS类添加到field@Pravin很高兴它有帮助，请看。基本上在我提交文件时使用
input.className+='somecscsclass'；
表单中，动态生成的新字段不会像原始HTML中的其他字段那样提交。它们会以可视方式显示，我可以检查它们，但它们不会提交。您知道为什么会发生这种情况吗？@circle1确保动态生成的元素具有唯一的
名称
属性。仅表单元素具有na提交表单时，me属性将传递其值。可能我做错了什么，但在我的情况下，在此表单中的文本字段中按enter键将导致“添加新字段”按钮的函数被触发，这可能是不必要的行为…
问题得到解决。您好！当我要保存dyna的数据时麦克风输入，如何恢复它们？