Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde.
Pessoal alguém poderia me indicar um tutorial ou por onde começar para fazer o seguinte:
Tenho um campo do tipo "select" e ao selecionar uma das opções gostaria que fosse aberto um input para digitar por exemplo o endereço da pessoa, caso for outro campo selecionado esse input não é exibido.
Obrigado.Segue o código:
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<select id="escolaridade">
<option disabled selected value> -- Escolaridade -- </option>
<option label="Ensino Fundamental"></option>
<option label="Ensino Médio"></option>
<option label="Ensino Superior"></option>
</select>
<br/><br/>
<input id="campo" style="display: none;"/>
<script>
document.getElementById("escolaridade").onchange = function (){
var escolaridade = document.getElementById("escolaridade").selectedIndex;
if(escolaridade == 3){
var campo = document.getElementById("campo");
campo.style.display="block";
}else{
var campo = document.getElementById("campo");
campo.style.display="none";
}
};
</script>
</body>
</html>
Quando você selecionar Ensino Superior um campo vai aparecer. No " if(escolaridade == 3)", você pode escolher o número do option que você vai querer chamar a função.Bom dia pessoal.
Isso mesmo @kkumayama.
@luiz14 perfeito a solução era o que eu precisava.
Obrigado à todos pessoal.
Algo deste tipo??
Link Exemplo