Javascript 使用jquery添加多文本字段

我想创建一个表单来插入课程ID和学分，当用户单击“添加两个文本字段”时，会同时显示两个文本字段，我尝试添加两个输入框，但单击“添加”时，只会显示一个

提前谢谢

$（文档）.ready（函数（）{
var maxField=10；//输入字段增量限制
var addButton=$（'.add_button'）；//添加按钮选择器
var wrapper=$（'.field_wrapper'）；//输入字段wrapper
var fieldHTML=''；//新输入字段html
var x=1；//初始字段计数器为1
$（添加按钮）。单击添加按钮后，单击（函数（）{//）
如果（x

输入[type=“text”]{高度：20px；垂直对齐：顶部；}
.field_包装器div{margin bottom:10px；}
.add_按钮{页边距顶部：10px；页边距左侧：10px；垂直对齐：文本底部；}
.移除_按钮{页边距顶部：10px；页边距左侧：10px；垂直对齐：文本底部；}

---

只需将字段添加到模板中

$（文档）.ready（函数（）{
var maxField=10；//输入字段增量限制
var addButton=$（'.add_button'）；//添加按钮选择器
var wrapper=$（'.field_wrapper'）；//输入字段wrapper
var fieldHTML=''；//新输入字段html
var x=1；//初始字段计数器为1
$（添加按钮）。单击添加按钮后，单击（函数（）{//）
如果（x

输入[type=“text”]{高度：20px；垂直对齐：顶部；}
.field_包装器div{margin bottom:10px；}
.add_按钮{页边距顶部：10px；页边距左侧：10px；垂直对齐：文本底部；}
.移除_按钮{页边距顶部：10px；页边距左侧：10px；垂直对齐：文本底部；}

fieldHTML

没有

2

元素您的模板中只有一个输入。。。再加一个