多個收件人的字段

Question

我想創建一個本身包含其他元素的字段。就像在社交網絡中向多個用戶發送消息一樣。

我試圖探索代碼，但它太混亂。如果有人會分享他的經驗和材料，我將不勝感激。

<div class="input_fields_wrap"> 
<button class="add_field_button">Add Fields</button> 
<div><input type="text" name="mytext[]"></div> 
</div> 

$(document).ready(function() { 
    var max_fields  = 10; 
    var wrapper   = $(".input_fields_wrap"); 
    var add_button  = $(".add_field_button"); 

    var x = 1; 
    $(add_button).click(function(e){ 
     e.preventDefault(); 
     if(x < max_fields){ 
      x++; 
      $(wrapper).append('<div><input type="text" name="mytext[]"/><a href="#" class="remove_field">Remove</a></div>'); 
     } 
    }); 

    $(wrapper).on("click",".remove_field", function(e){ 
     e.preventDefault(); $(this).parent('div').remove(); x--; 
    }) 
}); 

Codepen

Answer 1

對於你的情況，我認爲它會工作的Tag-它。你可以找到更多的： http://aehlke.github.io/tag-it/

享受。