テーブル内の複数の隠しフォーム値の値を取得

Question

私はフォーム入力要素の値を取得しようとしていましたが、私はそれに幸運を得ないだけです。

PHPでwhileループ内に次のような形式があるので、複数のフォームがあります。

<form method='POST' action=".$_SERVER['SCRIPT_NAME']." name='form_set_deadline' class='form_set_deadline'> 
    <input type='hidden' value='".$data3['unique_name']."' name='file_id' class='file_id' /> 
    <input type='hidden' value='".$user_id."' name='client_id' class='client_id' /> 
    <table> 
     <tr> 
      <td align='left'><input type='button' name='set_file_options' value='Submit' class='set_file_options' /></td> 
     </tr> 
    </table> 
</form> 

今、私はjqueryのの隠されたフィールドの値を取得しようとしていますが、ちょうど隠しフィールドの値にアクセスする方法がわかりません。ページにはこれらのフォームが複数存在することを覚えておいてください。関数内に含まれるjqueryフォームを次に示します。

function setFileOptions(){ 
    $('.set_file_options').each(function(e){ 
     $(this).unbind("click").click(function(e){ 
      e.preventDefault(); 
      //set form variables 
      var file_id = // DON'T KNOW HOW TO GET THE HIDDEN FIELD INPUT VALUE? 

      alert(file_id); 
     }); //END THIS CLICK FUNCTION 
    }); 
} //END MAIN FUNCTION 

ヘルプ/ヒントありがとうございました！

はだからすべてから受け取ったすべての入力した後、私はすべてのフォームデータを取得するために、次の使用することを決定した：

var form_data = $(this).closest('form').serialize(); 

おかげで再び！また

Answer 1

var file_id = $(this).closest('form').find('.file_id').val(); 

、純粋なJSソリューション：あなたは何があなたのクラス名に接続されていない場合は

var hiddens = $(this).closest('form').find(':hidden'); 
//hiddens.eq(0) = file_id 
//hiddens.eq(1) = client_id 

：

var file_id = this.form.elements['form_id'].value; 

すべて<input type="hidden"/>の要素を選択するセレクタこれらの属性を削除し、名前属性セレクタを使用することをお勧めします。

var file_id = $(this).closest('form').find('[name="file_id"]').val(); 

Answer 2

var file_id = $(this).closest('table').siblings('.file_id').val() 

Answer 3

あなたにフォーム

内部に隠しフィールドを取得する必要がありますそして、あなたはすべてを取得する反復処理が必要な場合がありますので、複数のフィールドがある可能性が//

$(this).closest('form').find(':hidden');、これを試してみてください隠しフィールド、

var field_val = []; 

$.each ($(this).closest('form').find(':hidden'), function (index) { 
    field_val [$(this).attr('class')] = $(this).val(); 
}); 

Answer 4

あなたが試してみました：

を

var file_id = $('input[name="file_id"]').val(); 

Answer 5

これを試してみてください：

var fileid = $(this).parents('form').find('.file_id').val();