Javascript 我希望我在第一个字段中选择的候选人不再显示在第二个字段中

我希望我在第一个字段中选择的候选人不再显示在第二个字段中。请帮帮我怎么做谢谢。有人有主意吗请帮帮我

请检查一下

Html视图

<div class="row">
  @foreach ($election->electionPostion as $key => $value)
    @php
      $arr = $value->electionCandidate->pluck('candidate_id')->toArray();
    @endphp
    <div class="col-md-6">
      <div class="form-group mb-3">
        <input type="hidden" name="position_id[]" value="{{ $value->id }}">
        <label>{{ $value->position->name }}</label>
        <select class="form-control select2 change-selection" id="cmbTaxID"
             name="candidate_id[{{ $value->id }}][]" multiple required >
          <option readonly disabled>Please Select</option>
          @foreach ($candidates as $value)
            <option  {{ in_array($value->id, $arr) ? 'selected' : null }}
              value="{{ $value->id }}">{{ $value->name }}</option>
          @endforeach
        </select>
        <span class="text-danger">{{ $errors->first('candidate_id') ?? null }}
        </span>
      </div>
    </div>
  @endforeach
</div>

$(document).ready(function() {
$(".change-selection").change(function() {
    let candididate_id = $(".change-selection").val();

     $('#cmbTaxID > option[value=' + candididate_id + ']').remove();
});

});