отправить конкретную вложенную форму onkeydown с jquery

Question

Я пытаюсь отправить вложенную форму без обновления. Каждая строка содержит textfiled называется inputbox, а когда пользователь должен нажать клавишу w на конкретной строке вложенной форме она должна быть представлена ​​в базу данных без обновления

$(document).ready(function() { 
    $('#inputbox').keydown(function(event) { 
     var keycode = (event.keyCode ? event.keyCode : event.which); 
     if (keycode == '87') { 
      $('.team_short_pass').submit(); // Submit form code 
      event.preventDefault(); 
      $(".loader").fadeIn(); //show when submitting 
      data = $(this).serialize(); 
      $.ajax({ 
       type: "POST", 
       url: "../scripts/inesert_new.php", 
       data: data, 
       success: function(data) { 
        $('.msg').html(data); 
        $('.loader').fadeOut('fast'); 
        $('.msg').slideDown(100).delay(3000).slideUp(100); 

       } 
      }); 

     } 

    }); 
}); 

с моим сценарием, когда я отправить это отправить ничего в базе данных

Answer 1

Попробуйте это: (». team_short_pass')

Вы должны использовать $ вместо $ (это), чтобы получить доступ к данным формы в виде $ (это) указывает на поле ввода

$(document).ready(function(){ 
    $('#inputbox').keydown(function(event){ 
    var keycode = (event.keyCode ? event.keyCode : event.which); 
    if(keycode == '87'){ 
     $(this).parents('.team_short_pass:eq(0)').submit(); // Submit form code 
     event.preventDefault(); 
     $(".loader").fadeIn(); //show when submitting 
     data = $(this).parents('.team_short_pass:eq(0)').serialize(); 

     $.ajax({ 
      type: "POST", 
      url: "../scripts/inesert_new.php", 
      data: data, 
      success: function(data) { 
      $('.msg').html(data); 
      $('.loader').fadeOut('fast'); 
      $('.msg').slideDown(100).delay(3000).slideUp(100); 
      } 
     }); 
     } 
    }); 
});