3

Como fazer com que o select não permita que o option "Lider" não seja duplicado, pois na minha regra de negócio apenas um usuário pode ser líder.

Eu pensei no seguinte:

Supondo que eu tenha 3 selects. Se eu selecionar um deles como LÍDER, e selecionar um outro select também como LÍDER, o javascript deselecionava a opção líder do primeiro select e deixaria selecionado apenas a opção Líder do segundo select.

Aqui está uma simulação do problema:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet" />

<select class="selectpicker" multiple>
      <option value="1">Líder</option>
      <option value="10">Para Conhecimentor</option>
      <option value="11">Participante</option>
    </select>
    <br><br>
    <select class="selectpicker" multiple>
      <option value="1">Líder</option>
      <option value="10">Para Conhecimentor</option>
      <option value="11">Participante</option>
    </select>
    <br><br>
    <select class="selectpicker" multiple>
      <option value="1">Líder</option>
      <option value="10">Para Conhecimentor</option>
      <option value="11">Participante</option>
    </select>
    <br><br>
    <select class="selectpicker" multiple>
      <option value="1">Líder</option>
      <option value="10">Para Conhecimentor</option>
      <option value="11">Participante</option>
    </select>

4
  • Não é resposta pra pergunta, mas não seria mais simples um radiobutton pra definir o lider? Ou tres colunas com nomes, sendo a primeira lider, select simples, e as outras duas select multiplo para conhecimento e participante.
    – Largato
    Commented 29/11/2016 às 17:13
  • Seria interessante também @Bacco, porém na documentação não é permitido radiobutton... preciso fazer de fato com selects... Commented 29/11/2016 às 17:17
  • Seria isso? pt.stackoverflow.com/a/168517/32827
    – BrTkCa
    Commented 29/11/2016 às 17:22
  • Muito próximo disso @LucasCosta, porém desativaria apenas a opção de value "1". Mas já ajudou bastante. Obigado. Commented 29/11/2016 às 17:26

1 Resposta 1

3

Veja se isso resolve o seu problema:

$(".selectpicker").on("change", function() {
    var self = $(this);
    var values = self.val();

    $(".selectpicker").not(self).each(function() {
        var _values = $(this).val();
        for (var v = _values.length; v--;) {
            if (values.indexOf(_values[v]) >= 0) {
                _values.splice(v, 1);
            }
        }

        $(this).val(_values);
    });
});
8
  • muito obrigado pela ajuda! Me deu um grande avanço. Porém alguns selects ainda estão permitindo ter dois selects... dá uma olhada jsfiddle.net/andrealbson/5t8noxne Commented 29/11/2016 às 19:51
  • isso acontece porque é necessário executar o refresh no plugin após as mudanças, segue correção: jsfiddle.net/5t8noxne/1
    – Andre Neto
    Commented 29/11/2016 às 20:01
  • Verdade,@AndreNato. Eu havia colocado o refresh no canto errado. Commented 29/11/2016 às 20:11
  • Agora um último pedido de ajuda se vc puder: como impedir que o select que for selecionado como "Líder" não possua mais de uma função? Apenas a de líder? Commented 29/11/2016 às 20:24
  • como assim? o cara que for líder, não vai poder ter outra função?
    – Andre Neto
    Commented 30/11/2016 às 12:09

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .