как получить выбранные элементы при всплывающем редактировании формы в bootstrap 4 модальных с использованием jquery и laravel 6.x?

Question

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

Редактировать форму

В опции выбора следует выбрать один из элементов, которые были выбраны из списка, но это не

Модальный код редактора My Popup

<!--login form Modal -->
<div class="modal fade text-left" id="EditModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel33" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel33">EDIT PROGRAM GRADE </h4>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <i class="bx bx-x"></i>
                </button>
            </div>
            <form class="form" action="{{ route('grade.update') }}" method="POST">
                {{ method_field('patch') }}
                @csrf
                <div class="modal-body">
                <input type="hidden" name="grade_id" value="{{ $grade->id }}" id="gradeID">
                    <label>GRADE</label>
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Grade Name" id="gradeName" name="grade_name" required>
                    </div>
                    <label>PROGRAM</label>


                    <div class="form-group">
                        <select class="form-control" name="program_id" id="program" >
                            {{-- <option value="{{ $grade->Program->id }} selected " >{{ $grade->Program->name }}</option> --}}
                            @foreach ($selectProgram as $program)

                                <option value="{{ $program->id }} ">{{ $program->code }} - {{ $program->name }}</option>

                            @endforeach

                        </select>
                    </div>



                    <label>DISPLAY ORDER</label>
                    <div class="form-group">
                        <input type="number" class="form-control" placeholder="Display Order" id="displayOrder" name="display_order" required>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light-secondary" data-dismiss="modal">
                        <i class="bx bx-x d-block d-sm-none"></i>
                        <span class="d-none d-sm-block">Close</span>
                    </button>
                    <button type="submit" class="btn btn-primary ml-1">
                        <i class="bx bx-check d-block d-sm-none"></i>
                        <span class="d-none d-sm-block">Update</span>
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>

My Jquery script

 <script>

$('#EditModal').on('show.bs.modal', function (event) {

  var button = $(event.relatedTarget)
  var grade = button.data('grade')
  var displayOrder = button.data('order')
  var program = button.data('program')
  var gradeID = button.data('id')

  var modal = $(this)
  modal.find('.modal-body #gradeID').val(gradeID)
  modal.find('.modal-body #gradeName').val(grade)
  modal.find('.modal-body #displayOrder').val(displayOrder)
  modal.find('.modal-body #program').val(program)
})
</script>

Answer 1

Yo следует использовать if & else для отображения этой выбранной опции, если ее идентификатор совпадает, тогда выбрано не 10000 *

<div class="form-group">
 <select class="form-control" name="program_id" id="program" >

 @foreach ($selectProgram as $program)
  @if($program->id==$grade->Program->id)//which variable for program id you passed from controller
 <option value="{{ $program->id }}" selected>{{ $program->code }} - {{ $program->name }} 
 </option>
@else
<option value="{{ $program->id }}">{{ $program->code }} - {{ $program->name }} 
 </option>
@endif

@endforeach

</select>
</div>