Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal preciso de uma ajuda pois travei aqui.
Tenho 3 dropdown com valores iguais (1,2 e 3).
Tenho que selecionar um valor em um Dropdown e sumir dos outros.
E quando Seleciono: Selecione um item (valor 0) tem que voltar para os outros dropdowns.
Fiz assim:
var varField_idFacilitador1 = $("#varField_idFacilitador1 option:selected").val();
if (varField_idFacilitador1 == 0){
$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador3 option[value='1']").show();
}
if (varField_idFacilitador1 == 1){
//$("#varField_idFacilitador1 option[value='1']").show();
$("#varField_idFacilitador2 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='1']").hide();
}
if(varField_idFacilitador1 == 2){
$("#varField_idFacilitador2 option[value='2']").hide();
$("#varField_idFacilitador3 option[value='2']").hide();
}
if(varField_idFacilitador1 == 3){
//$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").hide();
$("#varField_idFacilitador3 option[value='3']").hide();
}
var varField_idFacilitador2 = $("#varField_idFacilitador2 option:selected").val();
if (varField_idFacilitador2 == 0 && varField_idFacilitador3 == 0){
$("#varField_idFacilitador1 option[value='2']").show();
$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador3 option[value='2']").show();
}
if (varField_idFacilitador2 == 1){
//$("#varField_idFacilitador2 option[value='1']").show();
$("#varField_idFacilitador1 option[value='1']").hide();
$("#varField_idFacilitador3 option[value='1']").hide();
}
if(varField_idFacilitador2 == 2){
//$("#varField_idFacilitador2 option[value='2']").show();
$("#varField_idFacilitador1 option[value='2']").hide();
$("#varField_idFacilitador3 option[value='2']").hide();
}
if(varField_idFacilitador2 == 3){
//$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador1 option[value='3']").hide();
$("#varField_idFacilitador3 option[value='3']").hide();
}
var varField_idFacilitador3 = $("#varField_idFacilitador3 option:selected").val();
if (varField_idFacilitador1 == 0 && varField_idFacilitador2 == 0){
$("#varField_idFacilitador1 option[value='3']").show();
$("#varField_idFacilitador2 option[value='3']").show();
$("#varField_idFacilitador3 option[value='3']").show();
}
if (varField_idFacilitador3 == 1){
//$("#varField_idFacilitador3 option[value='1']").show();
$("#varField_idFacilitador1 option[value='1']").hide();
$("#varField_idFacilitador2 option[value='1']").hide();
}
if(varField_idFacilitador3 == 2){
//$("#varField_idFacilitador3 option[value='2']").show();
$("#varField_idFacilitador1 option[value='2']").hide();
$("#varField_idFacilitador2 option[value='2']").hide();
}
if(varField_idFacilitador3 == 3){
//$("#varField_idFacilitador3 option[value='3']").show();
$("#varField_idFacilitador1 option[value='3']").hide();
$("#varField_idFacilitador2 option[value='3']").hide();
}
Porem nao ta rolando certo.
Volta pra um mas nao volta pra outro.
Não sei mais oque fazer.
Alguem poderia me ajudar?
Alguem sabe se tem uma forma com menos código e mais dinamica para fazer isso em JS ou Jquery?