如何獲取HTML表中的日期值並將其傳遞給我的JavaScript？

-1

這是我的代碼在獲取結果在表如何獲取HTML表中的日期值並將其傳遞給我的JavaScript？

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" value = "'.$row['OW'].'" id="'.$row['OW'].'" />"'.$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>';

這是JavaScript

$(document).on('click', '.edit_data', function(){ 
    var employee_id = $(this).attr("id"); 
    var hiddenId = $("input[name='OT_date']").attr('value'); 
    var $otdate = $(this).closest('tr').find('value'); 
      $.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(hiddenId);   
        $('#employee_id').val(data.id); 
        $('#overtimeModal').modal('show'); 
       } 
      }); 
     }); // end of edit data function

這是模態

這是表

我想在e中獲得相應的日期ach排，並將其傳遞給模態..即時通訊使用ajax ..我得到正確的職業編號，但不是正確的日期..它似乎只是得到第一次約會.. 我是一個新的畢業生，想要發展我的技能，請幫助我..

來源

2016-11-14 arima

請不要叫。 – Chris

對不起先生..哈哈我不叫喊.. :) – arima

我認爲你有一個問題，你得到的日期總是相同的，無論你編輯的記錄。

$(document).on('click', '.edit_data', function(){ 
    var employee_id = $(this).attr("id"); 
    var $row = $(this).closest("tr"); 
    var $otdate= $row.find("input[name=OT_date]").attr('value'); 
     $.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($otdate);   
       $('#employee_id').val(data.id); 
       $('#overtimeModal').modal('show'); 
      } 
     }); 
});

我想在這裏明白你真正想要什麼。我希望我的猜測是正確的，並幫助你。順帶一提，花一些時間閱讀jQuery文檔，因爲你使用它。我看到你的問題的方式就像你甚至不知道jquery元素選擇的基本原理

來源

2016-11-14 12:02:36

是的先生哈哈多數民衆贊成在我的問題..謝謝你瞭解我..我很難表達自己..你非常聰明..你知道這一點即時通訊新jquery..ill採取你建議閱讀jQuery文章..多謝先生..虐待這個代碼，並告訴你，如果它的工作 – arima

謝謝先生！我現在得到相應的日期..但我怎麼能傳遞給我的查詢在fetch.php？只是我在employee_id中做了什麼？那可能嗎？ – arima

與您對employee_id所做的相同。 '{employee_id：employee_id，otdate：$ otdate}' –

爲每個日期在你的<td>放置一個動態類。

在PHP：

$class_counter = 0; 
while($row = mysqli_fetch_array($result)){ 
echo 
    "<tr> 
     <td class='td_dynamic_classname'".$class_counter."><center>".$row['whatever_date']."</td>" 
...."; 


//include a javascript in echo: 
echo "<script> 
    $('.td_dynamic_classname".$class_counter."').click(function(){ 
      // do something 
    }); 
    </script>"; 
$class_counter++;

來源

2016-11-14 13:51:41 OBL

如何獲取HTML表中的日期值並將其傳遞給我的JavaScript？

回答

相關問題