Meteor：在点击事件中添加新字段

Question

我有一个表格，其中包含用户名和联系方式，其中包括电话号码和联系方式（个人，办公室等等），我有一个+按钮，我需要再显示一对联系人详细信息

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

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

任何人都可以帮我解决如何在Meteor中完成此任务

Answer 1

  

使用 Jquery 将动态输入框附加到正文或中   使用 id 或类

的任何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/

Answer 2

我建议您使用AutoForm和SimpleSchema，这将在您定义数组类别后为您执行此操作。

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