Mudar atributo required e disabled conforme input select
Boa tarde, já tentei muitas formas mas não consigo retirar o atributo required.
O resultado que eu preciso é, quando retiro o required de um (name="posicao") o outro fica com required e vice-versa e também um aparece e outro some.
Segue o código HTML.
<select name="posicao" class="form-control option_escolhida" style="display:none" id="2" required="" disabled>
<option value="" selected>Selecione</option>
<option value="1">Espaco</option>
<option value="2">Cursos</option>
</select>
<select name="posicao" class="form-control option_escolhida" style="display:none" id="4" required="" disabled>
<option value="" selected>Selecione</option>
<option value="4">Políticas de privacidade</option>
</select>
<div class="sem_option"><code>Sem posição definida</code></div>
<div class="ini_option"><code>Posição inicial</code></div>
<div class="main_option" style="display:none">
<input name="apelido" class="form-control apelido" placeholder="Nome do grupo" type="text" required="" disabled>
</div>
Segue o código javascrpt:
$('.select_escolhida').on({change: listChildren}).trigger('change');
function listChildren()
{
if ( $(this).val() != '' ) {
children = $('option').val();
$(".ini_option").show();
$(".option_escolhida").hide();
$(".option_escolhida").attr("disabled", true);
$("#" + $(this).val() ).show();
$("#" + $(this).val() ).removeAttr("disabled");
$(".sem_option").hide();
if( ($(this).val() == '1')||($(this).val() == '3') ){
$(".main_option").show();
$(".apelido").removeAttr("disabled");
} else {
$(".main_option").hide();
$(".apelido").attr("disabled", true);
$(".ini_option").hide();
}
} else {
$(".sem_option").show();
$(".ini_option").hide();
$(".apelido").hide();
}
}Discussão (1)
Carregando comentários...