Encontrei um código na net que me deu uma luz..
Não implementei ainda mas é basicamente isso:
JavaScript:
At First include the jQuery library.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
See the below JavaScript comment lines. maxField variable holding the maximum fields increment numbers, addButton variable holding the input fields adding button class, wrapper variable holding all input fields parent div class, fieldHTML variable holding new input field HTML code.
Once the “Add button” is clicked, we will check maximum input fields number. If field counter (x) is less than maxField, the new input field HTML would be append into the fields parent div (wrapper). Also the field counter would be incremented.
Once the “Remove button” is clicked, the parent div of that particular remove button would be removed. Also the field counter would be decrement.
<script type="text/javascript">
$(document).ready(function(){
var maxField = 10; //Input fields increment limitation
var addButton = $('.add_button'); //Add button selector
var wrapper = $('.field_wrapper'); //Input field wrapper
var fieldHTML = '<div><input type="text" name="field_name[]" value=""/><a href="javascript:void(0);" class="remove_button" title="Remove field"><img src="remove-icon.png"/></a></div>'; //New input field html
var x = 1; //Initial field counter is 1
$(addButton).click(function(){ //Once add button is clicked
if(x < maxField){ //Check maximum number of input fields
x++; //Increment field counter
$(wrapper).append(fieldHTML); // Add field html
}
});
$(wrapper).on('click', '.remove_button', function(e){ //Once remove button is clicked
e.preventDefault();
$(this).parent('div').remove(); //Remove field html
x--; //Decrement field counter
});
});
</script>
HTML:
<div class="field_wrapper">
<div>
<input type="text" name="field_name[]" value=""/>
<a href="javascript:void(0);" class="add_button" title="Add field"><img src="add-icon.png"/></a>
</div>
</div>
PHP:
Once the multiple form fields are submitted, then you can get the values as an array in PHP script.
<?php
print '<pre>';
print_r($_REQUEST['field_name']);
print '</pre>';
//output
Array
(
[0] => value1
[1] => value2
[2] => value3
[3] => value4
)
?>
Now you can run a foreach loop and insert the values into the database or whatever you want.
<?php
$field_values_array = $_REQUEST['field_name'];
foreach($field_values_array as $value){
//your database query goes here
}
?>
Fonte: http://www.codexworld.com/add-remove-input-fields-dynamically-using-jquery/