Как я могу одновременно добавить информацию через HTML выбор формы и ввод в Laravel 5.6?

Question

Я получаю данные из таблицы БД в форме.Я хочу автоматически выбрать номер мобильного телефона того же клиента, чье имя я выбираю из списка, но я не могу этого сделать, потому что я должен выбрать номер мобильного телефона вручную.Как я могу связать оба теста?

<form> 
<div class="form-group"> 
<label for="customer">Customer Name</label> 
<select class="form-control" name="customer"> 
<option value="">Choose Customer</option> 
<?php foreach ($customers as $key => $customer): ?> 
<option value="{{$customer->id}}">{{$customer->name}} </option> 
<?php endforeach; ?> 
</select> 
</div> 
<div class="form-group"> 
<label for="id">Customer's Mobile</label> 
<?php foreach ($customers as $key => $customer): ?> 
<input type="number" class="form-control" name="customer_mobile" value="{{$customer->mobile}}"> 
<?php endforeach; ?> 
</div> 
</form>

Answer 1

Ну, простой jQuery фрагмент может сделать это.Вы можете улучшить это, как пожелаете.

   <form>
      <div class="form-group">
         <label for="customer">Customer Name</label> 
         <select class="form-control" name="customer" id="customer">
            <option value="">Choose Customer</option>
            <?php foreach ($customers as $key => $customer): ?> 
               <option data-mobile-number="{{$customer->mobile}}" value="{{$customer->id}}">{{$customer->name}} </option>
            <?php endforeach; ?> 
         </select>
      </div>
      <div class="form-group"> 
         <label for="id">Customer's Mobile</label> 
         <input type="number" class="form-control" name="customer_mobile" value="" id="mobile_number"> 
      </div>
   </form>

   <script type="text/javascript">
      $(document).ready(function(){
         $("#customer").on('change', function(){
            $("#mobile_number").val($(this).find("option:selected").data('mobileNumber'));
         });
      });
   </script>

Рабочая демонстрация JSFiddle: https://jsfiddle.net/83oaqfzd/2/

Примечание: я предполагаю, что вы включили библиотеку jQuery в ваш проект.