Обновить страницу с новым запросом на изменение выбора опции

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 страницы + и убедитесь, что YOUR_PAGE_URL заменен фактическим 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.";
    }
}