如何在另一个页面中使用表单选择值

时间:2018-12-01 11:17:09

标签: javascript php html

我在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>

我想在用户按下number1时通过number2传递details.phpcompare button值。我不知道如何使用表单中的选择值。让我知道是否有人可以帮助我。 谢谢

2 个答案:

答案 0 :(得分:0)

您可以使用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中,您可以使用PHP使用$ _GET ['number1']等获取值。

答案 1 :(得分:0)

有多种方法可以做到这一点。最简单的方法是,您可以在表单中使用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进行响应。