Поместите значение из выпадающего списка, сгенерированного MySQL, в поле ввода формы

Question

У меня есть выпадающий список из запроса к базе данных.Возможные варианты: 1, 2, 3 и т. Д. Когда выбран элемент, я хочу, чтобы значение comp_id (например, «1») помещалось в заполнитель поля ввода формы.Когда форма отправлена, значение заполнителя будет затем вставлено в другую таблицу в базе данных (вместе с другими данными) с помощью оператора INSERT.Это мой код:

<?php
    echo "<label>Please select the Competition:&nbsp;&nbsp;<select name='opt'>";
    while ($row = mysqli_fetch_array($result)) {            
    echo "<option value='" . $row['comp_id'] ."'>" . $row['compname'] ."</option>";
    }
    echo "</select></label>";
    print_r($row['comp_id']);
    ?>

И это часть формы:

<input type="text" name="comp_id" placeholder=" (the value from the selected item ">

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

Answer 1

Вы можете использовать jQuery

HTML

<select name="opt">
  <option value="0">Select</option>
  <option value="1">One</option>
  <option value="2">Two</option>
  <option value="3">Three</option>
</select>

<input type="text" name="comp_id" placeholder="(the value from the selected item)">

jQuery

$("select[name=opt]").on("change", function(){
    var val = $(this).val();
  $("input[name=comp_id]").attr( "placeholder", val );
});

Демо

Примечание: При отправке формы будут публиковаться только значения полей ввода.Заполнители не будут опубликованы при отправке формы.