Php 我能'；无法获取文本框的值

我想将文本框中的数据保存到变量中，这样我就可以使用POST将它们发送到另一个页面。在模式对话框中，我有三个输入标记：

<div class="modal fade" id="salaryModal" >
      <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-body">
            <div class="form-group ">
            <input class="form-control" type="text" placeholder="hourly rate" name="hourly_rate"/<br>
            <input class="form-control" type="text" placeholder="overtime rate" name="overtime_rate"/<br>
            <input class="form-control" type="text" placeholder="vacation rate" name="vacation rate"/<br>
            <?php while($row = mysqli_fetch_assoc($auth)) {
            $username = $row["username"]; ?>

              <input class="btn btn-success center-block" id="calculate_salary_button" onclick="assignsalary('<?php echo $username; ?>')" value="<?php echo $username; ?>"/></a>
<?php } ?>
            </div>
            <?php } } ?>
          <!--span style="color:blue" id="span_result"></span-->


          </div>
      </div>
      </div>
      </div>

用户名发送成功，其他变量未正确发送：

下面是从固定工资中返回的内容：

[年龄：用户名：阿德尔小时工资：未定义加班工资：未定义假期工资：未定义 这是固定工资代码：

<?php session_start();
$overtime_rate = $_POST['overtime_rate'];
$vacation_rate = $_POST['vacation_rate'];
$username = $_POST['username'];
$hourly_rate = $_POST['hourly_rate'];
echo "username: {$username}\n";
echo "hourly_rate: {$hourly_rate}\n";
echo "overtime_rate: {$overtime_rate}\n";
echo "vacation_rate: {$vacation_rate}\n";
?>

---

由于您是使用id捕获值，请将id指定给您的文本框

<input class="form-control" type="text" placeholder="hourly rate" name="hourly_rate" id="hourly_rate"/><br>
                                                                                     ^                ^
<input class="form-control" type="text" placeholder="overtime rate" name="overtime_rate" id="overtime_rate"/><br>
                                                                                         ^                ^
<input class="form-control" type="text" placeholder="vacation rate" name="vacation rate" id="overtime_rate"/><br>
                                                                                         ^                ^

^                ^


^                ^


^                ^

---

然后，您可以使用

id

捕获您在

中错过的

id

和未关闭的

标记中的值

更新代码

<div class="modal fade" id="salaryModal" >
<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-body">
      <div class="form-group ">
      <input class="form-control" type="text" placeholder="hourly rate" id="hourly_rate" name="hourly_rate"/><br>
      <input class="form-control" type="text" placeholder="overtime rate" id="overtime_rate" name="overtime_rate"/><br>
      <input class="form-control" type="text" placeholder="vacation rate" id="vacation_rate" name="vacation rate"/><br>
      <?php while($row = mysqli_fetch_assoc($auth)) {
      $username = $row["username"]; ?>

        <input class="btn btn-success center-block" id="calculate_salary_button" onclick="assignsalary('<?php echo $username; ?>')" value="<?php echo $username; ?>"/></a>
<?php } ?>
      </div>
      <?php } } ?>
    <!--span style="color:blue" id="span_result"></span-->


    </div>
</div>
</div>
</div>

function assignsalary(username) {
      var uname = username;
      var hour_rate = $("#hourly_rate").val();
      var overtime_rate = $("#overtime_rate").val();
      var vacation_rate = $("#vacation_rate").val();
      $('#test_box').html("");  
      $('#test_box').html(hour_rate);  
      var data = new FormData();
      data.append('hourly_rate',hour_rate);
      data.append('username',uname);
      data.append('overtime_rate',overtime_rate);
      data.append('vacation_rate',vacation_rate);
      var xhr = new XMLHttpRequest();
      xhr.open('POST', 'set_salary.php', true);
      xhr.onload = function () {
        $('#test_box').html("");  
        $('#test_box').html(this.responseText);
        };
      xhr.send(data);
    }

您没有分配任何ID-分配ID，然后再次检查控制台。您的HTML在第一个代码中无效。请在

标记确实存在之前，正确关闭
输入标记，谢谢您的帮助@AdelAhmed
<div class="modal fade" id="salaryModal" >
<div class="modal-dialog" role="document">
<div class="modal-content">
  <div class="modal-body">
      <div class="form-group ">
      <input class="form-control" type="text" placeholder="hourly rate" id="hourly_rate" name="hourly_rate"/><br>
      <input class="form-control" type="text" placeholder="overtime rate" id="overtime_rate" name="overtime_rate"/><br>
      <input class="form-control" type="text" placeholder="vacation rate" id="vacation_rate" name="vacation rate"/><br>
      <?php while($row = mysqli_fetch_assoc($auth)) {
      $username = $row["username"]; ?>

        <input class="btn btn-success center-block" id="calculate_salary_button" onclick="assignsalary('<?php echo $username; ?>')" value="<?php echo $username; ?>"/></a>
<?php } ?>
      </div>
      <?php } } ?>
    <!--span style="color:blue" id="span_result"></span-->


    </div>
</div>
</div>
</div>

function assignsalary(username) {
      var uname = username;
      var hour_rate = $("#hourly_rate").val();
      var overtime_rate = $("#overtime_rate").val();
      var vacation_rate = $("#vacation_rate").val();
      $('#test_box').html("");  
      $('#test_box').html(hour_rate);  
      var data = new FormData();
      data.append('hourly_rate',hour_rate);
      data.append('username',uname);
      data.append('overtime_rate',overtime_rate);
      data.append('vacation_rate',vacation_rate);
      var xhr = new XMLHttpRequest();
      xhr.open('POST', 'set_salary.php', true);
      xhr.onload = function () {
        $('#test_box').html("");  
        $('#test_box').html(this.responseText);
        };
      xhr.send(data);
    }