Как я могу предотвратить двойной выбор в динамическом c javascript выпадающем

Question

Я использую javascript и laravel для управления формой.

Laravel для получения значений из базы данных для заполнения формы и javascript для добавления динамических c в раскрывающемся списке разрешить множественную запись ..

Все работает, за исключением того, что теперь мне нужно добавить новую задачу, чтобы предотвратить двойной выбор, то есть после того, как я выбрал имя, я не смогу выбрать его в следующей динамике c выпадающий.

$(document).ready(function() {
  var postURL = "http://localhost/bcwater/public/addmore";
  var i = 1;

  $('.addRow').on('click', function() {
    i++;
    addRow();
  });

  function addRow() {
    var tr = '<tr class="dynamic-added">' +
      '<td>' +
      '<select ng-model="marketers" id="marketers" class="form-control marketers" name="marketers[]">' +
      '<option value="">Select Marketer </option>	 @foreach($marketers as $data)' +
      '<option value="{{$data->first_name}}">{{$data->first_name}} {{ $data->last_name }}</option> @endforeach' +
      '</select>' +
      '</td>' +
      '<td><input type="text" name="target[]"  id="target' + i + '" class="form-control" oninput="calc()" /> </td>' +
      '<td><span id="result' + i + '">0</span> </td>' +
      '<td> <a href="#" class="btn btn-danger remove">- </a> </td>' +

      '</tr>';
    $('tbody').append(tr);
  };

  $('tbody').on('click', '.remove', function() {
    $(this).parent().parent().remove();
  });



});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr>
      <td>
        <select ng-model="marketers" class="form-control marketers" name="marketers[]" required ng-init="marketers = '{{ old('marketers') }}'">
          <option value="">Select Marketer </option>
          @foreach($marketers as $data)
          <option value="{{$data->first_name}}">{{$data->first_name}} {{ $data->last_name }}</option>
          @endforeach
        </select>
      </td>

      <td>
        <input type="text" name="target[]" class="form-control target" id="target" oninput="calc()">
      </td>
      <td><span id="sum1" onchange="calc()">0</span> </td>
      <td> <a href="#" class="btn btn-danger remove">- </a> </td>
    </tr>
  </tbody>
</table>