javascript - meteor :在点击事件中添加新字段

我有一个使用用户名和联系方式的表格，其中包括电话号码和联系方式（个人，办公室等），还有一个+按钮，单击该按钮我想再显示一对联系方式。

因此，在每次单击+按钮时，我希望用户输入更多对联系电话和类型。

然后，当用户单击“提交”按钮时，我希望将其保存。

谁能帮我在流星上做到这一点

最佳答案

使用Jquery在正文或正文中附加动态输入框
  任何使用id或class的div


使用表格，您可以获得所有的价值

 <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>






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;
})



示例：http://jsfiddle.net/kevalbhatt18/L9wtubnj/2/
关于javascript -  meteor :在点击事件中添加新字段，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30435652/