Получить идентификатор формы

Question

I posted a question earlier wrt динамически созданных форм и получил отличный совет. На данный момент у меня есть список форм, formCELL, каждый из которых создан следующим образом.

HTML

<div class="container"> 
    <div class="container-element" id="1"> 
     <h3>HEADER</h3> 
     <form action="refresh.php" id="formCELL" method="post" name="form_1"> 
      <div class="panel-body"> 
       <div class="col-xs-10 com"> 
        CONTENT GOES HERE 
       </div> 
       <div class="col-xs-2 btn"> 
        <button class="btn btn-primary" id="refresh" type="submit">Refresh</button> 
       </div> 
      </div> 
     </form> 
    </div> 
    <div class="container-element" id="2"> 
     <h3>HEADER</h3> 
     <form action="refresh.php" id="formCELL" method="post" name="form_2"> 
      <div class="panel-body"> 
       <div class="col-xs-10 com"> 
        CONTENT GOES HERE 
       </div> 
       <div class="col-xs-2 btn"> 
        <button class="btn btn-primary" id="refresh" type="submit">Refresh</button> 
       </div> 
      </div> 
     </form> 
    </div> 
    <div class="container-element" id="3"> 
     <h3>HEADER</h3> 
     <form action="refresh.php" id="formCELL" method="post" name="form_3"> 
      <div class="panel-body"> 
       <div class="col-xs-10 com"> 
        CONTENT GOES HERE 
       </div> 
       <div class="col-xs-2 btn"> 
        <button class="btn btn-primary" id="refresh" type="submit">Refresh</button> 
       </div> 
      </div> 
     </form> 
    </div> 
    <div class="container-element" id="4"> 
     <h3>HEADER</h3> 
     <form action="refresh.php" id="formCELL" method="post" name="form_4"> 
      <div class="panel-body"> 
       <div class="col-xs-10 com"> 
        CONTENT GOES HERE 
       </div> 
       <div class="col-xs-2 btn"> 
        <button class="btn btn-primary" id="refresh" type="submit">Refresh</button> 
       </div> 
      </div> 
     </form> 
    </div> 
</div> 

Javascript

$(document).ready(function() { 

    $('#formMAIN').submit(function(event) { 

     //formCELL is generated here through AJAX call..... 

    }); 
}); 

$('#formCELL').submit(function(event) { 

    // process the form 
    alert("about to submit"); 
    //AJAX call to go here 

    var user_id = $(this).closest("form").attr('id'); 
    alert(user_id); 

    event.preventDefault(); 
}); 

Я пытаюсь получить идентификатор формы их представления, так что я могу обрабатывать его дальше, и я попытался Diferent вариации $ (это) .closest ("форма") Attr ('ID'). и все возвращают значение undefined

Как я могу получить идентификатор формы?

Answer 1

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

Answer 2

Просто привязать «Отправить» событие на всю форму, а затем использовать

$(this).attr('id'); 

Answer 3

Может использовать данные ID-братан. Put данных идентификатор как атрибут в виде Таким образом, вы можете легко получить его с помощью $ (это) .attr («данных идентификаторов»)