如何在另一個頁面中使用表單選擇值

Question

我在HTML / PHP中有一個非常簡單的頁面，其中正在顯示如下形式的表單

<div class="modal-content">
  <div class="modal-header" style="background: #095077; color: #fff" >
    <h3 class="modal-title" id="formModalLabel" style="margin-left: 20px; margin-top: 20px;margin-bottom: 20px;">Compare Numbers
    </h3>
  </div>
  <div class="modal-body">
    <form id="demo-form" class="mb-4" novalidate="novalidate">
      <div class="form-group row align-items-center" style = "margin-bottom:20px">
        <label class="col-sm-3 text-left text-sm-right mb-0">Number 1
        </label>
        <div class="col-sm-9">
          <select name="number1" id="number1" class="form-control" required>
            <option value="">--Select 1st Number--
            </option>
            <?phpwhile($number_row=mysqli_fetch_array($number_result)){?>
            <option value="<?php echo $number_row['number'];?>">
              <?php echo $number_row['number'];?>
            </option>
            <?php}?>
          </select>
        </div>
      </div>
      <div class="form-group row align-items-center">
        <label class="col-sm-3 text-left text-sm-right mb-0">Number 1
        </label>
        <div class="col-sm-9">
          <select name="number2" id="number2" class="form-control" required>
            <option value="">--Select 2nd Number--
            </option>
            <?phpwhile($number2_row=mysqli_fetch_array($number2_result)){?>
            <option value="<?php echo $number2_row['number'];?>">
              <?php echo $number2_row['number'];?>
            </option>
            <?php}?>
          </select>
        </div>
      </div>
    </form>
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-light" data-dismiss="modal">Close
    </button>
    <button type="button" onclick="location.href='details.php?id='" class="btn btn-primary">Compare
    </button>
  </div>
</div>
</div>

當用戶按下compare button時，我想通過details.php傳遞number1和number2值。 我不知道如何使用表單中的選擇值。 讓我知道是否有人可以幫助我。 謝謝

Answer 1

您可以使用Javascript完成；

但是我認為最好使用表單提交：

首先，改變

<form id="demo-form" class="mb-4" novalidate="novalidate">

至

<form id="demo-form" class="mb-4" novalidate="novalidate" action="details.php" method="get">

然后，您可以將按鈕更改為提交按鈕，而不是普通按鈕：

<input type="submit">

因此，您可以將表單的參數獲取到details.php。 它將調用details.php？number1 = 2＆number2 = 3

在您的details.php中，可以使用$ _GET ['number1']來獲得PHP的值，依此類推。

Answer 2

有多種方法可以做到這一點。 最簡單的方法是，您可以在表單中使用action屬性，並使用Submit按鈕將值提交到details.php

    <form id="demo-form" class="mb-4" novalidate="novalidate" action='details.php' method='GET'>
<button type="submit" class="btn btn-primary">Compare</button>

在details.php中，您將獲得提交的值。 現在，通過在details.php中捕獲提交的表單數據，比較這些值，並用結果html進行響應。