如何获取HTML表中的日期值并将其传递给我的JavaScript？

问题描述：

这是我的代码在获取结果在表如何获取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 ..我得到正确的职业编号，但不是正确的日期..它似乎只是得到第一次约会.. 我是一个新的毕业生，想要发展我的技能，请帮助我..

请不要叫。 – 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元素选择的基本原理

是的先生哈哈多数民众赞成在我的问题..谢谢你了解我..我很难表达自己..你非常聪明..你知道这一点即时通讯新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++;

如何获取HTML表中的日期值并将其传递给我的JavaScript？

相关推荐