隠しフィールドのIDを取得してクエリに渡すにはどうすればよいですか？

Question

これは私のスクリプトです。私はここで

$(document).on('click', '.edit_data', function(){ 
    var employee_id = $(this).attr("id"); 
    $.ajax({ 
     url: "fetch.php", 
     method: "post", 
     data: { employee_id: employee_id }, 
     dataType: "json", 
     success: function(data) { 
      $('#name').val(data.lname); 
      $('#overtime').val(data.OT); 
      $('#OT_date').val(data.outw); 
      $('#employee_id').val(data.id); 
      $('#overtimeModal').modal('show'); 
     } 
    }); 
}); // end of edit data function 

while($row = mysqli_fetch_array($result)) 
{ 
    echo '<tr> 
      <td><center>'.$row['lname'].'</td> 
      <td><center>'.$row['outs'].'</td> 
      <td><center>'.$row['outw'].'</td> 
      <td><center>'.$row['OT'].' HR/HRS</td> 
      <td><center><input type="hidden" name="OT_date" id="'.$row['OW'].'" /></td> 
      <td><center><input type="button" name="btnedit" value="APPROVE" id="'.$row["id"].'" class="searchbutton btn-primary view_data"></center></td> 
      <td><center><input type="button" name="btnapprove" value="editortest" id="'.$row["id"].'" class="searchbutton btn-primary edit_data"></center></td> 
     </tr>'; 
} 

OTDATE隠しフィールドがあるのfetch.phpために私のページ内の隠しフィールドのidを取得し、それを通過したいと私はそれのIDを取得したいです。私を助けてください。ありがとう

Answer 1

隠し入力が1つだけ指定されているので、このようにフェッチできます。

var hiddenId = $("input[type='hidden']").attr('id'); 

そうでない場合、あなたはこのようにそれを見つける必要がありますので、隠された入力の名前は、私たちドン「OT_date」で、「特定」の名前で、あなたのケースで

var hiddenId = $("input[name='input_field_name']").attr('id'); 

を隠し入力フィールドをフェッチすることができ=> id = "'。$ row [" id "]。'"から取得されるので、idに与えられた "id"は何なのか分かりません。

var hiddenId = $("input[name='OT_date']").attr('id'); 

各行をトラバースし、その行に隠れ要素を見つけます。あなたがクリックした.edit_dataボタンからDOMを横断し、同じtr以内に最寄り:hidden要素を見つけることができ、これを解決するために

$('tr').each(function() { 
    var hiddenId = $(this).find("input[name='OT_date']").attr('id'); 
}); 

Answer 2

。その要素自体への参照を格納することができます。これは、偶数フィールドのidを知る必要性を否定する：あなたは隠された入力を取得するためにあなたが好きなセレクタを使用することができます

$(document).on('click', '.edit_data', function(){ 
    var employee_id = this.id; 
    var $otdate = $(this).closest('tr').find(':hidden'); 

    $.ajax({ 
     url: "fetch.php", 
     method: "post", 
     data: { employee_id: employee_id }, 
     dataType: "json", 
     success: function(data) { 
      $('#name').val(data.lname); 
      $('#overtime').val(data.OT); 
      $otdate.val(data.outw); // use the element here 
      $('#employee_id').val(data.id); 
      $('#overtimeModal').modal('show'); 
     } 
    }); 
}); 

注、私は簡単にするため、この例では:hiddenを使用しました。イベントの作品をクリックするか、コンソールで問題

var hiddenId = $("input[name='OT_date']").attr('id'); 

Answer 3

!!

そして、この試してみてください。隠されたフィールドなしの場合

を：隠しフィールドのために

var employee_id = $('.edit_data').attr("id"); 

：

var employee_id = $("input[name=OT_date]").attr("id"); 

Answer 4

最初のチェックのために

jQuery("[attribute='value']") 

を使用することにより