Отправка ajax с разных форм с одинаковым классом jquery?

Question

[pillson]

3 одинаковые формы, класс формы .form, с первой на событие click все хорошо, данных приходят на первую форму, остальные нет, знаю что нужно как то получить $this или [0] но не пойму как

var files;

$('input[type=file]').on('change', prepareUpload);

function prepareUpload(event) {
  files = event.target.files;
}

$('.btn-send').on('click', function( event ) {
    
  	event.stopPropagation();
	event.preventDefault();
  
  var formData = new FormData();
  
  formData.append('name', $('[name=name]').val());
  formData.append('phone', $('[name=phone]').val());
  formData.append('brand', $('[name=brand_watch]').val());
  formData.append('model', $('[name=model_watch]').val());
  formData.append('box', $('[name=select]').val());
  
  $.each( files, function( key, value ){
      
    formData.append( key, value );
    
  });
  
  $.ajax({
    url: '/upload.php',
    type: 'POST',
    data: formData,
    cache: false,
    dataType: 'json',
    processData: false,
    contentType: false,

    success: function(data) {

Answer 1

[Стас Хитрич]

Добавьте ID каждой форме, обработчик отправки формы вешайте на класс, а дальше работайте с id который можно вытянуть через event.target

Comments

[pillson]

Можно пример?