Select2 - избежать дублирования данных в нескольких полях - PullRequest
Новая
       8

Select2 - избежать дублирования данных в нескольких полях

0 голосов
/ 25 августа 2018

У меня есть два поля select2, которые собирают данные из одной базы данных. Я пытаюсь отфильтровать данные первого поля, чтобы они не были доступны во втором поле, когда кто-то начинает печатать.

Вот мой код: 

jQuery(document).ready(function($) {

  $('.smart-select2').each(function() {
    $(this).attr('style', 'width:100%');
  });

  $(".cidades-atendidas").select2({
    tags: true,
    allowClear: true,
    delay: 250,
    minimumInputLength: 3,
    maximumSelectionLength: 3,
    ajax: {
      url: "getData.php",
      type: "post",
      dataType: 'json',
      delay: 250,
      data: function(params) {
        return {
          searchTerm: params.term // search term
        };
      },
      processResults: function(response) {
        return {
          results: response
        };
      },
      cache: true
    }
  });
});
<div class="row">
  <div class="col-sm-12 col-md-12 col-xs-12 mt40 text-left" style="padding: 0px 40px;">
    <div class="smart-forms">
      <div class="frm-row">
        <div class="section-n colm colm12">
          <select name="cidades_atendidas[]" style="width:100%" id="cidaten1" class="cidades-atendidas selUser smart-select2 select2-hidden-accessible" placeholder="Nome da Primeira Cidade...">
          </select>
        </div>
        <div class="section-n colm colm12">
          <select name="cidades_atendidas[]" style="width:100%" id="cidaten2" class="cidades-atendidas selUser smart-select2 select2-hidden-accessible" placeholder="Nome da Segunda Cidade...">

          </select>
        </div>
        <div class="section-n colm colm12">
          <select name="cidades_atendidas[]" style="width:100%" id="cidaten3" class="cidades-atendidas selUser smart-select2 select2-hidden-accessible" placeholder="Nome da Terceira Cidade...">
          </select>
        </div>
      </div>
    </div>
  </div>
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

Вот картина того, чего я пытаюсь избежать:

avoid

...