Mostrar e Ocultar
Boa tarde, a todos!
encontrei esse codigo na internet esta sendo muito util, eu só tem um item q eu gostaria de mudar.
e qnd entra na pagina naun aparecer o conteudo q esta em block, só aparecer qnd clicar na opção?
veja como fica qnd entra na pagina:
<select id="tipo_pessoa" onchange="exibir_ocultar(this)">
<option value="Dinheiro">Dinheiro</option>
<option value="Cartão">Cartão</option>
</select>
<br /><br />
<div id="Dinheiro">Troco Para?: <br /><input type="number"></div>
<div id="Cartão">Aceitanos: <br /><img src="http://marmitexgranjaviana.com.br/wp-content/uploads/2020/07/aceitamos_todos_os_cart%C3%B5es_de_d%C3%A9bito_e_cr%C3%A9dito.png" width="400" height="100"/></div>
<script type="text/javascript">
function exibir_ocultar(val) {
if(val.value == 'Cartão') {
document.getElementById('Dinheiro').style.display = 'none';
document.getElementById('Cartão').style.display = 'block';
}
else {
document.getElementById('Dinheiro').style.display = 'block';
document.getElementById('Cartão').style.display = 'none';
}
};
</script>Discussão (5)
Carregando comentários...