Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom Dia.
Tenho 3 dropdown's com valores iguais (0,1, 2 e 3).
Aonde 0 é 'Selecione uma colaborador'
1 é 'Fábia'
2 é 'Helio'
3 é 'Sueli'
Tenho que selecionar um valor em um dos dropdown e sumir dos outros.
Exemplo:
Seleciono Sueli no primeiro DropDown e tem que sumir do Segundo e Terceiro, porem nesse segundo e terceiro tem que aparecer Fábio e Helio no Segundo e Fabia e Helio no Terceiro.
E quando seleciono um desses nomes no Segundo e terceiro tem que moldar os 3 dropdowns de acordo com essa regra.
Uma coisa que tambem tem que acontecer é quando seleciono o item (valor 0, 'Selecione um colaborador'), tem que voltar para todos os outros dropdowns.
Eu consegui fazer com IFs mas ta gigante.
A questão é que não estou sabendo fazer por 'For'.
Queria uma luz. Uma ajuda para poder aprender.
Se alguem puder me ajudar eu agradeceria muito.
Fiz assim:
function fnFacilitador() {
var varField_idFacilitador1 = $("#varField_idFacilitador1 option:selected").val();
var varField_idFacilitador2 = $("#varField_idFacilitador2 option:selected").val();
var varField_idFacilitador3 = $("#varField_idFacilitador3 option:selected").val();
//alert($("#varField_idFacilitador1 option:selected").val())
if (parseInt(varField_idFacilitador1) == parseInt(0)){
$("#varField_idFacilitador1 option[value='0']").show();
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").show();
}
if (parseInt(varField_idFacilitador2) == parseInt(0)){
$("#varField_idFacilitador2 option[value='0']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").show();
}
if (parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador3 option[value='0']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(1)){
$("#varField_idFacilitador1 option[value='0']").show();
$("#varField_idFacilitador1 option[value="+varField_idFacilitador1+"]").show();
$("#varField_idFacilitador2 option[value="+varField_idFacilitador1+"]").hide();
$("#varField_idFacilitador3 option[value="+varField_idFacilitador1+"]").hide();
}
if(parseInt(varField_idFacilitador1) == parseInt(2)){
$("#varField_idFacilitador1 option[value='0']").show();
$("#varField_idFacilitador1 option[value="+varField_idFacilitador1+"]").show();
$("#varField_idFacilitador2 option[value="+varField_idFacilitador1+"]").hide();
$("#varField_idFacilitador3 option[value="+varField_idFacilitador1+"]").hide();
}
if(parseInt(varField_idFacilitador1) == parseInt(3)){
$("#varField_idFacilitador1 option[value='0']").show();
$("#varField_idFacilitador1 option[value="+varField_idFacilitador1+"]").show();
$("#varField_idFacilitador2 option[value="+varField_idFacilitador1+"]").hide();
$("#varField_idFacilitador3 option[value="+varField_idFacilitador1+"]").hide();
}
//alert($("#varField_idFacilitador2 option:selected").val())
if (parseInt(varField_idFacilitador2) == parseInt(1)){
$("#varField_idFacilitador2 option[value='0']").show();
$("#varField_idFacilitador2 option[value="+varField_idFacilitador2+"]").show();
$("#varField_idFacilitador1 option[value="+varField_idFacilitador2+"]").hide();
$("#varField_idFacilitador3 option[value="+varField_idFacilitador2+"]").hide();
}
if(parseInt(varField_idFacilitador2) == parseInt(2)){
$("#varField_idFacilitador2 option[value='0']").show();
$("#varField_idFacilitador2 option[value="+varField_idFacilitador2+"]").show();
$("#varField_idFacilitador1 option[value="+varField_idFacilitador2+"]").hide();
$("#varField_idFacilitador3 option[value="+varField_idFacilitador2+"]").hide();
}
if(parseInt(varField_idFacilitador2) == parseInt(3)){
$("#varField_idFacilitador2 option[value='0']").show();
$("#varField_idFacilitador2 option[value="+varField_idFacilitador2+"]").show();
$("#varField_idFacilitador1 option[value="+varField_idFacilitador2+"]").hide();
$("#varField_idFacilitador3 option[value="+varField_idFacilitador2+"]").hide();
}
//alert($("#varField_idFacilitador3 option:selected").val())
if (parseInt(varField_idFacilitador3) == parseInt(1)){
$("#varField_idFacilitador3 option[value='0']").show();
$("#varField_idFacilitador3 option[value="+varField_idFacilitador3+"]").show();
$("#varField_idFacilitador1 option[value="+varField_idFacilitador3+"]").hide();
$("#varField_idFacilitador2 option[value="+varField_idFacilitador3+"]").hide();
}
if(parseInt(varField_idFacilitador3) == parseInt(2)){
$("#varField_idFacilitador3 option[value='0']").show();
$("#varField_idFacilitador3 option[value="+varField_idFacilitador3+"]").show();
$("#varField_idFacilitador1 option[value="+varField_idFacilitador3+"]").hide();
$("#varField_idFacilitador2 option[value="+varField_idFacilitador3+"]").hide();
}
if(parseInt(varField_idFacilitador3) == parseInt(3)){
$("#varField_idFacilitador3 option[value='0']").show();
$("#varField_idFacilitador3 option[value="+varField_idFacilitador3+"]").show();
$("#varField_idFacilitador1 option[value="+varField_idFacilitador3+"]").hide();
$("#varField_idFacilitador2 option[value="+varField_idFacilitador3+"]").hide();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='0']").show();
$("#varField_idFacilitador2 option[value='0']").show();
$("#varField_idFacilitador3 option[value='0']").show();
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(1) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='1']").hide();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(2) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador3 option[value='2']").hide();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(3) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").hide();
$("#varField_idFacilitador3 option[value='3']").hide();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(1) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").hide();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").hide();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(2) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").hide();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(3) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").hide();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").hide();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(1)){
$("#varField_idFacilitador1 option[value='1']").hide();
$("#varField_idFacilitador2 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(2)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(3)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").hide();
$("#varField_idFacilitador2 option[value='3']").hide();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(1) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(2)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").hide();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='1']").hide();
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(1) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(2)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").hide();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='1']").hide();
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(2) && parseInt(varField_idFacilitador2) == parseInt(3) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").hide();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador3 option[value='2']").hide();
$("#varField_idFacilitador3 option[value='3']").hide();
}
if (parseInt(varField_idFacilitador1) == parseInt(1) && parseInt(varField_idFacilitador2) == parseInt(3) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").hide();
$("#varField_idFacilitador2 option[value='1']").hide();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador3 option[value='3']").hide();
}
if (parseInt(varField_idFacilitador1) == parseInt(2) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(1)){
$("#varField_idFacilitador1 option[value='1']").hide();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='1']").hide();
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador3 option[value='2']").hide();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(3) && parseInt(varField_idFacilitador3) == parseInt(1)){
$("#varField_idFacilitador1 option[value='1']").hide();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='1']").hide();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador3 option[value='3']").hide();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(1) && parseInt(varField_idFacilitador3) == parseInt(3)){
$("#varField_idFacilitador1 option[value='1']").hide();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").hide();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador2 option[value='3']").hide();
$("#varField_idFacilitador3 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(0) && parseInt(varField_idFacilitador2) == parseInt(1) && parseInt(varField_idFacilitador3) == parseInt(2)){
$("#varField_idFacilitador1 option[value='1']").hide();
$("#varField_idFacilitador1 option[value='2']").hide();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(3) && parseInt(varField_idFacilitador2) == parseInt(2) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").hide();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador2 option[value='3']").hide();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador3 option[value='2']").hide();
$("#varField_idFacilitador3 option[value='3']").hide();
}
if (parseInt(varField_idFacilitador1) == parseInt(3) && parseInt(varField_idFacilitador2) == parseInt(1) && parseInt(varField_idFacilitador3) == parseInt(0)){
$("#varField_idFacilitador1 option[value='1']").hide();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador2 option[value='3']").hide();
$("#varField_idFacilitador3 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador3 option[value='3']").hide();
}
if (parseInt(varField_idFacilitador1) == parseInt(2) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(3)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador1 option[value='3']").hide();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='3']").hide();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador3 option[value='2']").hide();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (parseInt(varField_idFacilitador1) == parseInt(3) && parseInt(varField_idFacilitador2) == parseInt(0) && parseInt(varField_idFacilitador3) == parseInt(2)){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador1 option[value='2']").hide();
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='3']").hide();
$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador3 option[value='3']").hide();
}
}Duvida esta no post abaixo.
>
59 minutos atrás, Billy disse:
Da uma olha nisso aqui... acho que atende
https://jsfiddle.net/9j7o575n/
Oi Billy.
Posso passar por Onchange desta forma?
onChange="addOptions(<%=colaborador1%>,this.value);"
Pois tem que ser ao mudar e os dados tem que vir do banco de dados aqueles 0,1,2,3 são de banco de dados pois quando é feito o salvar vai pro banco. E depois para editar tenho que trazer os dados que já foram inseridos em algum cadastro.
Assim como esta no array e é ASP com JQUERY/JS nao poderei jogar no array.
Eu entendi teu código. Mas como é pré carregado eu trago inclusive uma funcão que chamo de inicio de jogo no onload do <Body> para me trazer alguns valores.
Quando ao select eu estava fazendo assim:
<select id="varField_idFacilitador1" name="varField_idFacilitador1" style="width:200px" onChange="fnFacilitador(this.value);">
<%if IsNull(varField_idFacilitador1) or varField_idFacilitador1 = 0 or varField_idFacilitador1 <> 0 then%>
<option selected value="0">Selecione o Facilitador 1</option>
<%end if%>
<%
strSQL = ""
strSQL = strSQL & " SELECT " & vbCrlf
strSQL = strSQL & " id, " & vbCrlf
strSQL = strSQL & " sNome, " & vbCrlf
strSQL = strSQL & " idUsuario, " & vbCrlf
strSQL = strSQL & " fDeletado " & vbCrlf
strSQL = strSQL & " FROM tbFacilitador " & vbCrlf
strSQL = strSQL & " WHERE (ISNULL(fDeletado, 0) = 0 " & vbCrlf
strSQL = strSQL & " )" & vbCrlf
strSQL = strSQL & " ORDER BY sNome " & vbCrlf
'response.write strSQL
'response.end
Set rsOportunidadeLocal = DbConn.Execute( strSQL )
While Not rsOportunidadeLocal.Eof
Response.Write( fnOptionItem(rsOportunidadeLocal("id"), varField_idFacilitador1, rsOportunidadeLocal("sNome")) )
rsOportunidadeLocal.MoveNext
WEnd
rsOportunidadeLocal.Close
Set rsOportunidadeLocal = Nothing %>
</select>Legal... vamos encarar então que o primeiro combo já vem com os options....
E ele vai ficar como padrão para os outros...
ou seja, o primeiro vem como os dados do banco ... não vamos dar addOptions nele...
e ele vai ser a base de usuários para os outros combos
da uma olhada ae
>
1 hora atrás, Billy disse:
Legal... vamos encarar então que o primeiro combo já vem com os options....
E ele vai ficar como padrão para os outros...
ou seja, o primeiro vem como os dados do banco ... não vamos dar addOptions nele...
e ele vai ser a base de usuários para os outros combos
da uma olhada ae
https://jsfiddle.net/9j7o575n/4/
Na verdade os 3 tem que vir prenchidos.
E oque é selecionado em um tem que sair dos outros e oque sai de um volta pros outros.
Até ai é facil pois só carregar no inicio igual assim para os 3.
<select id="colaborador1">
<option value="0">Selecione</option>
<option value="1">Fábia</option>
<option value="2">Hélio</option>
<option value="3">Sueli</option>
</select>
<select id="colaborador2">
<option value="0">Selecione</option>
<option value="1">Fábia</option>
<option value="2">Hélio</option>
<option value="3">Sueli</option>
</select>
<select id="colaborador3">
<option value="0">Selecione</option>
<option value="1">Fábia</option>
<option value="2">Hélio</option>
<option value="3">Sueli</option>
</select>
Só que nesse seu modelo como eu daria um Hide ou Show neles?
Da uma olha nisso aqui... acho que atende
https://jsfiddle.net/9j7o575n/