Как получить данные из базы данных, используя выпадающий список и отображать в полях ввода в PHP MySQL?

Question

Когда я выбираю один из года в раскрывающемся списке, чтобы показать заголовок, относящийся к году, в поля ввода формы ниже.

$formationSQL = "SELECT title FROM formationacademique";
$result =  $connection->query($formationSQL);




 <form method="post">
     <label>Select year:</label>
                    <select>
      <?php foreach($result as $formation): ?>
                        <option id="formationID" name="formationID" value="<?= $formation['ID_Formation']; ?>"><?= $formation['year']; ?></option>
                    <?php endforeach; ?>
                    </select>

              <label>title:</label>
                    <input type="text value="">
        </form>

Answer 1

Вот некоторые изменения, которые необходимы для вашего HTML форматирования.Нужно было бы знать, если вы хотите, чтобы это изменение произошло с JavaScript или в PHP?Если вы не знаете разницу, то это то, что php на стороне сервера будет анализировать только при загрузке страницы, а javascript может сделать это без обновления или перезагрузки страницы.

$formationSQL = "SELECT title FROM formationacademique";
$result =  $connection->query($formationSQL);

<form method="post">

        <label for="formationID">Select year:</label>
        <select id="formationID" name="formationID">

          <?php foreach($result as $formation): ?>
            <option value="<?php $formation['ID_Formation']; ?>"><?= $formation['year']; ?></option>
        <?php endforeach; ?>
        </select>

  <label for="input_title">title:</label>
  <input type="text" id="input_title" name="input_title" value="<?php $formation['ID_Formation']; ?>">
</form>

Добавьте следующее содержимое скрипта вВаш файл js или добавьте скрипт после формы выше для стиха javascript об изменении значения входных данных.

<script>
var year_select = document.getElementById( 'formationID' );
var year_title = document.getElementById( 'input_title' );
year_select.addEventListener( 'change', function( e ) {
  year_title.value = year_select.selectedIndex.value;
});
</script>