Preciso que apenas no select option que for selecionado a opção "Líder", ele não atribua o "disabled", apenas nos demais selects filhas.
A lógica é que apenas um usuário pode ser líder, mas quando seleciono algum líder, esse option fica como "disabled", e na hora de enviar os dados ele não consegue enviar o value justamente porque o option está desabilitado.
Aqui está uma simulação do problema:
$('select').change(function() {
var sel = $(this);
disableThis(sel);
$('.selectpicker').selectpicker('refresh');
});
function disableThis(sel) {
var temSelecionado = false;
$("option[value='1']").each(function() {
if (this.selected) {
temSelecionado = true;
$(this).parent().each(function() {
$(this.options).each(function() {
if ($(this).val() != "1") {
$(this).prop("disabled", true);
}
})
});
}
});
$(sel).children().each(function() {
var thisLider = false;
// verifica se o lider estar selecionado
if ($(this).val() == "1" && $(this).prop("selected")) {
thisLider = true;
}
// caso nao estiver, desabilita
if ($(this).val() != "1" && thisLider) {
$(this).prop("disabled", true);
}
});
//faz uma verificacao nos demais selects e se o lider estiver selecionado, desabilitara
$("select").children().each(function() {
if ($(this).val() == "1" && temSelecionado) {
$(this).prop("disabled", true);
}
});
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/js/bootstrap-select.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.6.3/css/bootstrap-select.css" rel="stylesheet"/>
<select class="selectpicker" id="funcao" multiple>
<option value="1">Líder</option>
<option value="conhecimento">Para Conhecimentor</option>
<option value="participante">Participante</option>
</select>
<br><br>
<select class="selectpicker" multiple>
<option value="1">Líder</option>
<option value="conhecimento">Para Conhecimentor</option>
<option value="participante">Participante</option>
</select>
<br><br>
<select class="selectpicker" multiple>
<option value="1">Líder</option>
<option value="conhecimento">Para Conhecimentor</option>
<option value="participante">Participante</option>
</select>
<br><br>
<select class="selectpicker" multiple>
<option value="1">Líder</option>
<option value="conhecimento">Para Conhecimentor</option>
<option value="participante">Participante</option>
</select>