Отключить выбранную опцию в множественном выборе html

Question

Я хочу отключить все опции в «НЕСКОЛЬКО ВЫБОР», которые были выбраны в списке «ВЫБРАННЫЕ»

Для множественного выбора, I получил список из базы данных, используя foreach:

@foreach($category as $item)
  <option value="{{$item->id}}">{{$item->name}}</option>
@endforeach

Что я могу сделать для этого случая? Должен ли я сравнить базу данных списка с выбранной базой данных списка? Если да, то как?

Answer 1

<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />

<select class="js-example-basic-multiple" name="category []" multiple="multiple">
   @foreach($category as $item)
       <option value="{{$item->id}}" {{ in_array($selected, $item->id) ? 'selected' :'' }}>{{$item->name}}</option>
    @endforeach
</select>

<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
$(document).ready(function() {
    $('.js-example-basic-multiple').select2();
});

Надеюсь, что это работает

Answer 2

    @foreach($category as $item)
       <option value="{{$item->id}}" {{ in_array($selected, $item->id) ? 'disabled' :'' }}>{{$item->name}}</option>
    @endforeach

Где $selected - это простой массив уже выбранных значений, которые привязаны к идентификаторам опций.