как получить значение из select2 и использовать его для следующего select2

Question

<div class="form-group col-sm-6">
    <label for="" class="control-label">Skill</label> <br>
    <select name="skill[]" class="select-skill-only form-control" id="req-skill" multiple="multiple" required>
        @foreach ($skill2 as $skill)

        <option value="{{$skill->skill_id}}">{{$skill->skill_name}}</option>
        @endforeach
    </select>
</div>
<div class="form-group col-sm-6">
    <label for="" class="control-label">Skill Priority</label> <br>
    <select name="priority[]" class="select-skill-only form-control" id="req-priority" multiple="multiple" required>
        @foreach ($skill2 as $priorityskill)

        <option value="{{$priorityskill->skill_id}}">{{$priorityskill->skill_name}}</option>
        @endforeach
    </select>
</div>

Answer 1

установить слушателя для изменения любого выбора и получить значение его после любого изменения. для этого вы даете идентификатор для выбора. например:

let skills = [];
$('#skill-select').on('change', function(){
   skills = $(this).val();
   $('#priority-select  > option').each(function() {
      if(!skills.includes($(this).val())){
         $(this).prop('disabled', true)
       }
   });

});

и использовать выбранный навык массива везде