Tenho um campo select em html, o mesmo está oculto junto com uma div e desabilitado.
A partir da seleção de um valor (select), o mesmo deverá aparecer na tela e ser habilitar.
Não estou conseguindo fazer o campo select habilitar, sempre aparece desabilitado.
$('#'+div).find(':select').prop('disabled', false);
estou usando ó código acima para procurar o select dentro de uma div e seto o disabled para false. Eu sei que o :select não é suportado. gostaria de saber como procurar um campo tipo select dento de um div.
Códigos HTML E JS:
HTML:
<div class="form-group">
<label class="col-sm-2 control-label">Finalidade</label>
<div class="col-sm-6" id="ocultar">
<select name="finalidade" class="chosen-select input-md form-control" required>
<option value="" selected>Selecione uma Finalidade</option>
</select>
</div>
</div>
<div id="ocultar_div" style="display: none;">
<fieldset>
<div class="form-group">
<label class="col-sm-2 control-label">Colaborador</label>
<div class="col-sm-6">
<select name="colaborador" class="chosen-select input-md form-control" required disabled>
<option value="0" selected>Selecione um Colaborador</option>
</select>
</div>
</div>
</fieldset>
JS:
$("select[name=finalidade]").change(function(){
var tipo = $(this).val();
var iddiv = $("select[name=finalidade]").parent().attr('id') + '_div';
MostrarEsconderDiv(tipo,iddiv);
});
function MostrarEsconderDiv(tipo, div) {
var elemento = $("#"+div).find("select");
if (tipo == 3) {
$("#"+div).css("display", "block");
elemento.prop("disabled", false);
} else {
$("#"+div).css("display", "none");
elemento.prop("disabled", true);
}
}
select:hidden
no lugar de:select
.prop('disabled', false);
testa.removeAttr('disabled')
.