如何從 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

設置一個監聽器以更改任何選擇並在任何更改后獲取值。 為此，您將 id 指定給選擇。 例如 ：

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

});

並隨處使用技能選陣