Este é o meu formulário:
<form name="ff">
<select id="type" name="type">
<option value="0">Federal</option>
<option value="1">Estadual</option>
<option value="2">Municipal</option>
</select><br>
<div id="state" >
<label>Estado</label>
<input type="text" name="state"/> <br>
</div>
<div id="city">
<label>Cidade</label>
<input type="text" name="city" /><br>
</div>
<label>Nome</label>
<input type="text" name="name" id="name" />
</form>
O script jquery:
$(document).ready(function() {
$('#state').hide();
$('#city').hide();
$('#type').change(function() {
if ($('#type').val() == 1) {
$('#state').show();
$('#city').hide();
}if($('#type').val() == 2) {
$('#state').show();
$('#city').show();
}if($('#type').val() == 0) {
$('#state').hide();
$('#city').hide();
}
});
});
Exemplo: https://jsfiddle.net/73kspqph/5/
Mas quando vou editar não está funcionando corretamente Quando seleciono tipo a segunda opção a div city não desativa
Exemplo do problema: https://jsfiddle.net/73kspqph/8
está ficando assim
e deveria ficar assim
Estadual
com valor1
que de acordo com o jQuery mostra o estado e esconde a cidade. É precisamente o que vejo a acontecer no jsfiddle. Melhor será tentar clarificar de qual o nome da opção que está a escolher e o que está a aparecer que não deviachange
mal a página abre com$("#type").change();
antes do fim dodocument
ready