流星：點擊事件添加新字段

Question

我有一個表單，需要用戶名和聯繫方式，包括聯繫電話號碼和聯繫方式（個人，辦公室等），我有一個+按鈕，將顯示更多的聯繫人詳細信息對。

因此，每次點擊+按鈕我希望用戶輸入更多的聯繫人號碼和類型對。

然後，當用戶點擊提交按鈕，我希望它被保存。

誰能幫助我如何做到這一點的流星

Answer 1

使用jQuery的爲追加動態輸入框體或 使用ID或類中的任何股利

並使用表格你可以得到所有的價值

 

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