Javascript Meteor:单击事件时添加新字段

我有一个表单，其中包含用户名和联系人详细信息，其中包括电话号码和联系人类型（个人、办公室等），我有一个+按钮，单击该按钮，我希望再显示一对联系人详细信息

 <form id="Dynamic">
    <div>
        <input type="text" name="a"/>
    </div>
</form>
<button href="#" id="AddInpElem">Add Another Input Box</button>
<button href="#" id="s">submit</button>

因此，每次点击+按钮，我希望用户输入更多的联系人号码和类型对

然后，当用户点击提交按钮，我希望它被保存

有人能帮我在Meteor上完成这个吗

使用Jquery将动态输入框附加到body或in中
使用id或类的任何div

使用表单可以获得所有内容的价值



添加另一个输入框
提交



var MaxInputs=5；
var Dynamic=$（“#Dynamic”）；
变量i=$（'#Dynamic div'）.size（）+1；
$（“#添加元素”）。单击（函数（）{
如果（i）2{
$（this.parent（'div'）.remove（）；
我--；
}
返回false；
}) 


示例：
我建议使用and，一旦定义了数组类别，and将为您完成此操作

.array（）；将为您提供上述所有数据example@Kevel感谢您的回复，但我正在使用{{{each}{{each}}{each}查找问题：是否将数据作为数组保存到您正在编辑的集合中，如联系人{name:，attr:，number:[{type:，number:}，…}或者应该将其存储在第二个链接的集合中？你有一个模式吗？我想保存在Mongodb中，所以数组更好吗？这并不取决于mongo-只需要考虑一下你的设计。如果您想在其他一些焦点上重复使用数据，将它们作为单独的集合可能是有用的，如果不是必需的，那么存储为数组是非常好的array适合我的要求
var MaxInputs = 5;
var Dynamic = $('#Dynamic');
var i = $('#Dynamic div').size() + 1;

$('#AddInpElem').click( function () {
    if (i <= MaxInputs) {
        $('<div><input type="text" name="a'+i+'" /><a href="#" class="RemInpElem">Remove</a></div>').appendTo(Dynamic);
        i++;
    }
    return false;
});

$('#s').click( function () {
   var test = $('#Dynamic').serializeArray();
    console.log(test);
});

$("body").on("click",".RemInpElem", function(){
       if (i > 2) {
        $(this).parent('div').remove();
        i--;
    }
    return false;
}) 

MySchema = new SimpleSchema({
  myKey: {
    type: [String]  // this defines a string array
  }
});