Ajax 返回值后的 PHP Post

Question

由于某种原因，我的 form 中的 POST 变量始终为空。这是我的代码... 我有一个引导选择，它返回在从下拉列表中选择新项目时显示的信息（选择）。

代码：

$(function() {


    $("#shiftsDD").change(function(){
        var selectedItemId = $('#shiftsDD option:selected').val();  

        $.post('/step/services/shiftInfo.php', { shiftID : selectedItemId }, function(res){
          $("#shiftCard").show();
          var jsonRes = $.parseJSON(res);
           $("#address").html(jsonRes[0]);
           $("#duties").html(jsonRes[1]);
           $("#employer").html(jsonRes[4]);
           $("#payRate").html(jsonRes[5]);
           $("#theShiftID").html(jsonRes[6]);
           console.log(res);

        });
    });

});

所有来自 jsonRes 数组的值都在这里赋值：

<form role="form" name="cardForm" method="POST">
<div class="card" id="shiftCard">
Employer:
<h3 id="employer">Test Employer</h3><br>
Address:
<h3 id="address">Test Address</h3><br>
Duties include:
<h3 id="duties">Test duties</h3><br>
 Pay rate:
<h3 id="payRate">Test PayRate</h3><br>
<h5 id="theShiftID" name="myShiftID"></h5>
<br>
<button type="submit" class="btn btn-lg btn-green-solid" name="shiftsBtn">Accept work</button>
</div>
</form>  

我尝试了很多东西，但我是 ajax 新手，不是 PHP 专家，所以我不知道为什么：

 if (isset($_POST['shiftsBtn'])) {

$theId = $_POST['myShiftID'];
...

myShiftID 始终为空

ShiftsDD 选择代码：

<select name="shiftsDD" id="shiftsDD" class="form-control form-control-45">
<option value="0">Select a shift</option>
<?php
   $theQuery = "
   SELECT DATE_FORMAT(StartTime,  '%d/%b/%Y' ) AS ShiftDate, ShiftID,ShiftTitle,TIMESTAMPDIFF(MINUTE, StartTime, EndTime) AS ShiftDuration, ROUND(PayRate,2) as PayRate FROM Shifts;
   ";
 $result = $DBH->query($theQuery);
 $result->execute();

   while($r = $result->fetch()) {
 $theDuration = $r['ShiftDuration'] / 60;

 echo "<option value='" . $r['ShiftID'] ."'>[". $r['ShiftDate'] . "] " . $r['ShiftTitle'] . " (Hours: " . $theDuration . ")</option>"; 
}

?>
</select>

Answer 1

好的，所以您需要更改表单以匹配下面的内容。已删除您不需要更改的元素。请注意将 h5 更改为输入。

<form role="form" name="cardForm" method="POST">
<div class="card" id="shiftCard">
<input id="theShiftID" name="myShiftID" value="" /><br />
<button type="submit" class="btn btn-lg btn-green-solid" name="shiftsBtn">Accept work</button>
</div>
</form>  

然后，一旦你改变了表单，你需要将你的 js 从 .html() 更改为 .val()

$(function() {
    $("#shiftsDD").on('change', function(){
        var selectedItemId = $(this).val();  

        $.post('/step/services/shiftInfo.php', { shiftID : $(this).val() }, function(res){
          $("#shiftCard").show();
          var jsonRes = $.parseJSON(res);
          $("#theShiftID").val(jsonRes[6]);    
        });
    });

});