Me gustaría saber como puedo generar múltiples inputs dinámicamente con diferentes class=""
o id=""
, mediante un botón "Add more" y que con otro boto genere un JSON multidimensional, y enviarlo por ajax, el único código que tengo hasta ahora, es este:
$(document).ready(function() {
var max_fields = 4;
var wrapper = $(".input_fields");
var add_button = $(".add_more");
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">Remover</a></div>');
}
});
$(wrapper).on("click",".remove_field", function(e){
e.preventDefault();
$(this).parent('div').remove();
x--;
})
});
Quiero que genere un JSON de esta forma:
{
"texts": {
"text1": "Input1",
"text2": "Input2",
"text3": "Input3",
"text4": "Input4"
},{
// ...
}
}