使用“更改上的新请求”选择选项刷新页面

Question

我正试图通过php实现一些目标。

这里有几个选择。

<select class="custom-select" id="inputGroupSelect01">
  <option selected="">Select Clusters ...</option>
  <option value="math-related">Math Related</option>
  <option value="science-related">Science Related</option>
</select>

当选项分别更改时，将出现“主题组”字段。

<div class="form-row pb-5" id="math-related"">
      <div class="form-group col-md-3">
        <input type="number" class="form-control" id="num1" placeholder="English">
      </div>
      <div class="form-group col-md-3">
        <input type="number" class="form-control" id="num2" placeholder="Math">
      </div>
      <div class="form-group col-md-3">
        <input type="number" class="form-control" id="num3" placeholder="Science">
      </div>
      <div class="form-group col-md-3">
        <input type="number" class="form-control" id="num4" placeholder="Computer">
      </div>
</div>

当选项更改为与数学相关的或与科学相关的选项时，相关的5-6主题字段将被填充，如下所示。有的可能有5，有的可能有8。

如何根据通过PHP完成的选择刷新页面并加载新的输入字段集？

字段的示例图像

Answer 1

首先，用页面url +参数更改选择下拉列表，并确保用实际的url替换YOUR_PAGE_URL，如下所示-

<select onChange="window.location.href=this.value" class="custom-select" id="inputGroupSelect01">
  <option value="">Select Clusters ...</option>
  <option value="YOUR_PAGE_URL?topic=math-related">Math Related</option>
  <option value="YOUR_PAGE_URL?topic=science-related">Science Related</option>
</select>

之后，只需在页面上进行GET参数检查，以填充字段，如-

if( issset($_GET['topic']) ){
    if( $_GET['topic'] == 'math-related' ){
        echo "Add your math related above 5-8 fields html here.";
    }elseif( $_GET['topic'] == 'science-related' ){
        echo "Add your science related above 5-8 fields html here.";
    }
}