2016-09-13 12 views
0

I posted a question earlier動的に作成されたフォームを取得し、優れたアドバイスを得ました。現時点で私はフォームのリストを持っています。フォームセルはそれぞれ以下のように作成されています。私はさらにそれを処理できるように、提出されたフォームのIDを取得しようとしています、と私は$(これのdiferentのバリ​​エーションを試してみたフォームのIDを取得する

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(); 
}); 

).closest( "form")。attr( 'id');すべての値を返します。

フォームのIDはどのように取得できますか?

+0

ます(編集:WILL)を使用して、それを得ることができ、[OK]この –

+0

のHTMLを投稿する必要がありますあなたは答えを持っている。彼らに尋ねる。 –

+0

申し訳ありませんが、元の投稿を編集しました。 – PaulMasterson

答えて

1

を使用しています。 入れデータ-idの形式 で属性としてだから、簡単に $(この).ATTR( 'データ-ID')

+0

このソリューションはすべてのブラウザで機能しますか? –

+0

つまり、6-8は 'event.target.id'の代わりに' event.srcElement'を使います – berrtech

0

ただ、全体のフォームに「送信」イベントをバインドして、あなたはフォームID

0

はたぶん、データ-idの仲間を使用し得るためにevent.target.idを使用することができます

$(this).attr('id'); 
関連する問題