如何使用 AJAX 更新动态填充的内容


How to update dynamically populated content with AJAX

我有一些代码填充如下:

<select class="form-control" name="accommodation_ID" id="accommodation_ID">
    <option value="-1">-- Please Select --</option>
    <?php
        $AccomodationID = 13; //For testing purposes
        $accommodation_query = mysqli_query($conn,"SELECT ENTITIES.LastName, 
                               ACCOMMODATION.AccomodationID, ACCOMMODATION.PUPoint 
                               FROM ACCOMMODATION, ENTITIES WHERE ENTITIES.Entity_ID = 
                               ACCOMMODATION.Entity_ID")
                                    or die("Error: ".mysqli_error($conn));  
        while($accommodation_Results = mysqli_fetch_array($accommodation_query)){
            if($accommodation_Results['AccomodationID'] == $AccomodationID){
                echo '<option selected value="'.$AccomodationID.'">'.$accommodation_Results['LastName'].'</option>';
                $PUPoint = $accommodation_Results['PUPoint'];
            }
            else{
                echo '<option value="'.$AccomodationID.'">'.$accommodation_Results['LastName'].'</option>';
            }
        }
   ?>
   </select>
   <label>Pick Up Point</label>
   <input type="text" name="PUPoint" readonly value="<?php echo $PUPoint; ?>">

这段代码工作没有问题,它会检查数据库并寻找匹配项,如果是,则设置为所选选项,获取 PUPoint(拾取点)变量并将其存储在输入字段中。

我现在的问题是,当我从下拉列表中选择其他选项时,取货点输入字段不再更新。这是我在实现上述内容之前所做的:

j$('select[name=accommodation_ID]').change(function(event) {
    event.preventDefault();
    var accommodationID = j$(this).val();
    post_data = {'accommodation_ID':accommodationID};
    var data = {
        "action": "Accommodation_Details"
    };
    data = j$(this).serialize() + "&" + j$.param(data);
    j$.ajax({
      type: "POST",
      dataType: "json",
      url: "../include/booking_Modify.php", 
      data: data,
      success: function(data) {
          j$('input[name=PUPoint]').val( data["PUPoint"] );
      },
      error: function (request) {
          console.log(request.responseText);
      }   
    });
});

booking_Modify.php

//checks and switch statement related code
$return = $_POST;
$return["accommodation_ID"] = $_POST["accommodation_ID"];
$return["SQL"] = "SELECT * FROM ACCOMMODATION WHERE AccommodationID = ".$_POST["accommodation_ID"]."";
$query = mysqli_query($conn,"SELECT * FROM ACCOMMODATION WHERE AccomodationID = ".$_POST["accommodation_ID"]."")
    or die("Error: ".mysqli_error($conn));
$row = mysqli_fetch_array($query);
$return["PUPoint"] = $row["PUPoint"];
$return["json"] = json_encode($return);
echo json_encode($return);

我已经做了一些回声/控制台.log并注意到它总是将相同的住宿 ID 号 (13) 传递到booking_Modify.php中。当我现在选择其他选项时,它不会改变。我不知道是不是因为现在应用于选项元素的"选定"属性。任何想法将不胜感激

您已经定义了$AccomodationID = 13; //For testing purposes,之前在 while 循环的每次迭代中打印该,而不是当前 ID。 您可能想$accommodation_Results['AccomodationID']写为选项值。