Текстовое поле заполнять пустое значение каждый раз при изменении значения раскрывающегося списка БД

Question

У меня есть одно выпадающее окно и одно текстовое поле. Я хочу, чтобы при выборе значения раскрывающегося списка оно автоматически заполняло соответствующее значение текстового поля базы данных на основе раскрывающегося списка базы данных.

Вот мой код: -

Раскрывающийся список и текстовое поле: -

<select name="product" required>
 <option value=""></option>
 <?php                          
  while($productRow = mysqli_fetch_assoc($productResult)){?>
  <option value="<?php echo $productRow['ID'];?>">
  <?php echo $productRow['Category']; ?></option><?php } ?>
</select>

<input placeholder="Phone Number" name="phoneNumber" id="pnum"  type="text">

Сценарий: -

 <script>
    $(document).ready(function(){
     $('select[name="product"]').change(function()
        {
     $('#pnum').val($('select[name="product"] option:selected').data('Mobile'));
        }

     );
     });

     </script>

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

Answer 1

Вам нужно изменить HTML на

<select name="product[]" size=20 multiple required>
 <?php                          
  while($productRow = mysqli_fetch_assoc($productResult)){?>
  <option value="<?php echo $productRow['ID'];?>">
  <?php echo $productRow['Category']; ?></option><?php } ?>
</select>

Затем удалите скрипт, потому что он больше не требуется. Весь выбор предметов осуществляется в элементе <select>.

На стороне сервера вы получите значения в массиве продуктов.