使用JQuery向表中添加值。使用PHP循环创建的表

我想做一个表格，让你看到每天的登机时间。 该表是用PHP创建的。一周中的每一天都要吵架，周六和周日除外：

<?php
for ($i = 1; $i < 8; $i++){

    $d=strtotime("+".$i." Day");
    if (date("l", $d) !== "Saturday" && date("l", $d) !== "Sunday" ){
        $daydate = $dayOfWeek[date("l",$d)] . date(" d ", $d) .  $month[date("F",$d)];

        echo "<tr>";
        echo "<td>". $daydate . "</td>";
        echo "<td></td>";
        echo "<td></td>";
        echo "<td></td>";
        echo "</tr>";

        echo '<tr class="BoardingTimeMorning">';
        echo '<td style="padding-left: 30px">
                <input class="form-check-input" type="radio" name="'.$dayOfWeek[date("l",$d)].'-to" class="BoardingMorning" value=""></input> <div class="time">0:00</div>
              </td>

            <td>
                <input class="form-check-input" type="radio" name="'.$dayOfWeek[date("l",$d)].'-to" class="BoardingMorning" value=""></input><div class="time">0:00</div>
            </td>
            <td>
                <input class="form-check-input" type="radio" name="'.$dayOfWeek[date("l",$d)].'-to" class="BoardingMorning" value=""></input><div class="time">0:00</div>
            </td>
            <td>
                <input class="form-check-input" type="radio" name="'.$dayOfWeek[date("l",$d)].'-to" class="BoardingMorning" value=""></input><div class="time">0:00</div>
            </td>   
        </tr>';
    }
}
?>

---

有一个简单的解决方案：

您可以创建如下所示的response.php文件：

    <script type="text/javascript">
$('#boardingplace').change(function() {
var station= this.value; 
$.ajax({
type: 'GET', 
url: 'response.php?station'+station, 
    success: function(response){

        $(".BoardingTimeMorning").html(response);

    }

  });

});
</script> 

url，例如：

response.php？station=162



在javascript中，您可以从response.php文件加载数据，如下所示：

    <script type="text/javascript">
$('#boardingplace').change(function() {
var station= this.value; 
$.ajax({
type: 'GET', 
url: 'response.php?station'+station, 
    success: function(response){

        $(".BoardingTimeMorning").html(response);

    }

  });

});
</script> 


$（'#boardingplace'）。更改（函数（）{
var station=该值；
$.ajax({
键入：“GET”，
url:'response.php？station'+station，
成功：功能（响应）{
$（“.BoardingTimeMorning”）.html（回复）；
}
});
});


数据将以class=“BoardingTimeMorning”加载到div中

我希望这能对您有所帮助。
“什么也没发生”…需要更多的调试信息来缩小问题范围。您是否使用浏览器的开发工具来监视正在发生的事情？在JS代码中设置断点，观察网络工具以查看AJAX请求并检查其发送情况，以及返回的响应，观察控制台是否有错误。除非您的
更改
事件没有正确绑定，否则我怀疑什么都没有发生。然而，有很多地方它可能会出错，单靠代码通常不足以确定它在哪里。响应是json数据吗？但有一个快速观察：在我看来，
var tdContent=$（this）。find（“.BoardingMorning”+j）永远不起作用-代码中只有单选按钮具有“BoardingMorning”类，但它们实际上具有“BoardingMorning”类……但是，由于向选择器添加了
j
值，代码要求查找“BoardingMorning0”、“BoardingMorning1”等。这些类没有任何元素，所以它永远不会选择任何东西。你是对的。但是，在遇到这种情况之后，运气就不好了：（AJAX请求工作正常。我只能在“星期一”时使用它。Console.log（tdContent）给了我这个20x:w.fn.init[prevObject:w.fn.init（1）每周5天，每天4次。所以数量是正确的，但它不会用类“time”改变我的输入值和div内容。那么您将其更改为什么？如果您仍然有错误的代码，我们需要查看它以了解可能的错误。更新您的问题。
    <script type="text/javascript">
$('#boardingplace').change(function() {
var station= this.value; 
$.ajax({
type: 'GET', 
url: 'response.php?station'+station, 
    success: function(response){

        $(".BoardingTimeMorning").html(response);

    }

  });

});
</script>