Помогите решить вопрос... В форме при клике на add-name добавляются инпуты, как отправить полностью всю форму с их значениями ?
<form method="POST" id="formx" action="javascript:void(null);" onsubmit="send()">
<label for="name">Название приглашения:</label><br>
<input id="name" type="text"><br>
<label for="name">Текст приглашения:</label>
<textarea rows="10" cols="100%" id="text" type="text"></textarea>
<div class="input-holder">
<input id="pole" type="text" class="text guests-input" placeholder="Введите имя гостя">
<a href="#" class="add-name">+</a>
</div>
<input value="Добавить людей" type="submit">
</form>
$(document).on('click', '.add-name', function(){
var cloned = $(this).parent().clone();
cloned.find('input').attr('value', '').val('').addClass('new');
$(this).parent().parent().append(cloned);
return false;
});
function send() {
var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
var name = $('#name').val();
var text = $('#text').val();
$.ajax({
type: 'POST',
url: '{{route('inivation.store')}}',
data: {_token: CSRF_TOKEN, name, text},
success: function(data) {
alert(data);
},
error: function(xhr, str){
alert('Возникла ошибка: ' + xhr.responseCode);
}
});
}