Skip to content

Instantly share code, notes, and snippets.

@mvnp

mvnp/Selecionando a operadora quando for escolhido celular

Created June 15, 2017 00:00
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mvnp/33668c524d31a8401e60b9b1830d9e24 to your computer and use it in GitHub Desktop.
Save mvnp/33668c524d31a8401e60b9b1830d9e24 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Selecionando a operadora quando for escolhido celular
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.esconde{display:none!important}
</style>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
jQuery(function($){
$("input[name='tipo']").on("click", function(){
var tipo = $(this).val();
if(tipo == "celular"){
$("#operadora").removeClass('esconde');
} else {
$("#operadora").addClass('esconde');
}
});
});
</script>
</head>
<body>
<h1>Cadastro de Clientes</h1>
<form action="cadastracliente" method="POST">
<label for="tipo">Selecione o tipo de contato:</label><br>
<input type="radio" name="tipo" value="telefone">Telefone
<input type="radio" name="tipo" value="celular">Celular<br><br>
<label for="tipo">Selecione a operadora:</label><br>
<select name="operadora" id="operadora" class="esconde">
<option value="Oi">Oi</option>
<option value="Claro">Claro</option>
<option value="Vivo">Vivo</option>
<option value="Telefonica">Telefonica</option>
<option value="Tim">Tim</option>
</select>
</form>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment