Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <h4>Dependentes</h4>
- <div class="form-row">
- <div class="form-group col-md-6">
- <label>Selecione a quantidade de dependentes</label>
- <select id="mySelect" class="form-control">
- <option value="Não selecionado" selected>Selecione...</option>
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- <option value="6">6</option>
- <option value="7">7</option>
- <option value="8">8</option>
- </select>
- </div>
- </div>
- <div id="inputOculto" class="form-row">
- <div class="form-group col-md-4">
- <label>Nome</label>
- <input type="text" name="nome_dp1" class="form-control" placeholder="Nome Completo" >
- </div>
- <div class="form-group col-md-2">
- <label>Data de nascimento</label>
- <input type="text" id="data_6" name="dt_nasc1" class="form-control" >
- </div>
- <div class="form-group col-md-3">
- <label>CPF</label>
- <input type="text" name="dp_cpf1" class="form-control cpf" placeholder="xxx.xxx.xxx-xx" >
- </div>
- <div class="form-group col-md-3">
- <label>Grau Parentesco</label>
- <select name="grau1" id="inputState5" class="form-control">
- <option value="Não selecionado" selected>Selecione...</option>
- <option value="Filho(a)">Filho(a)</option>
- <option value="Esposa">Esposa</option>
- </select>
- </div>
- </div>
- <div id="inputOculto2" class="form-row">
- <div class="form-group col-md-4">
- <label>Nome</label>
- <input type="text" name="nome_dp2" class="form-control" placeholder="Nome Completo" >
- </div>
- <div class="form-group col-md-2">
- <label>Data de nascimento</label>
- <input type="text" id="data_7" name="dt_nasc2" class="form-control" >
- </div>
- <div class="form-group col-md-3">
- <label>CPF</label>
- <input type="text" name="d_cpf2" class="form-control cpf" placeholder="xxx.xxx.xxx-xx" >
- </div>
- <div class="form-group col-md-3">
- <label>Grau Parentesco</label>
- <select name="grau2" class="form-control">
- <option value="Não selecionado" selected>Selecione...</option>
- <option value="Filho(a)">Filho(a)</option>
- <option value="Esposa">Esposa</option>
- </select>
- </div>
- </div>
- <div id="inputOculto3" class="form-row">
- <div class="form-group col-md-4">
- <label>Nome</label>
- <input type="text" name="nome_dp3" class="form-control" placeholder="Nome Completo" >
- </div>
- <div class="form-group col-md-2">
- <label>Data de nascimento</label>
- <input type="text" id="data_8" name="dt_nasc3" class="form-control" >
- </div>
- <div class="form-group col-md-3">
- <label>CPF</label>
- <input type="text" name="dq_cpf3" class="form-control cpf" placeholder="xxx.xxx.xxx-xx" >
- </div>
- <div class="form-group col-md-3">
- <label>Grau Parentesco</label>
- <select name="grau3" class="form-control">
- <option value="Não selecionado" selected>Selecione...</option>
- <option value="Filho(a)">Filho(a)</option>
- <option value="Esposa">Esposa</option>
- </select>
- </div>
- </div>
- <div id="inputOculto4" class="form-row">
- <div class="form-group col-md-4">
- <label>Nome</label>
- <input type="text" name="nome_dp4" class="form-control" placeholder="Nome Completo" >
- </div>
- <div class="form-group col-md-2">
- <label>Data de nascimento</label>
- <input type="text" id="data_9" name="dt_nasc4" class="form-control" >
- </div>
- <div class="form-group col-md-3">
- <label>CPF</label>
- <input type="text" name="db_cpf4" class="form-control cpf" placeholder="xxx.xxx.xxx-xx" >
- </div>
- <div class="form-group col-md-3">
- <label>Grau Parentesco</label>
- <select name="grau4" class="form-control">
- <option value="Não selecionado" selected>Selecione...</option>
- <option value="Filho(a)">Filho(a)</option>
- <option value="Esposa">Esposa</option>
- </select>
- </div>
- </div>
- <div id="inputOculto5" class="form-row">
- <div class="form-group col-md-4">
- <label>Nome</label>
- <input type="text" name="nome_dp5" class="form-control" placeholder="Nome Completo" >
- </div>
- <div class="form-group col-md-2">
- <label>Data de nascimento</label>
- <input type="text" id="data_10" name="dt_nasc5" class="form-control" >
- </div>
- <div class="form-group col-md-3">
- <label>CPF</label>
- <input type="text" name="dn_cpf5" class="form-control cpf" placeholder="xxx.xxx.xxx-xx" >
- </div>
- <div class="form-group col-md-3">
- <label>Grau Parentesco</label>
- <select name="grau5" class="form-control">
- <option value="Não selecionado" selected>Selecione...</option>
- <option value="Filho(a)">Filho(a)</option>
- <option value="Esposa">Esposa</option>
- </select>
- </div>
- </div>
- <div id="inputOculto6" class="form-row">
- <div class="form-group col-md-4">
- <label>Nome</label>
- <input type="text" name="nome_dp6" class="form-control" placeholder="Nome Completo" >
- </div>
- <div class="form-group col-md-2">
- <label >Data de nascimento</label>
- <input type="text" id="data_11" name="dt_nasc6" class="form-control" >
- </div>
- <div class="form-group col-md-3">
- <label>CPF</label>
- <input type="text" name="qn_cpf6" class="form-control cpf" placeholder="xxx.xxx.xxx-xx" >
- </div>
- <div class="form-group col-md-3">
- <label for="inputState5">Grau Parentesco</label>
- <select name="grau6" class="form-control">
- <option value="Não selecionado" selected>Selecione...</option>
- <option value="Filho(a)">Filho(a)</option>
- <option value="Esposa">Esposa</option>
- </select>
- </div>
- </div>
- <div id="inputOculto7" class="form-row">
- <div class="form-group col-md-4">
- <label >Nome</label>
- <input type="text" name="nome_dp7" class="form-control" placeholder="Nome Completo" >
- </div>
- <div class="form-group col-md-2">
- <label>Data de nascimento</label>
- <input type="text" id="data_12" name="dt_nasc7" class="form-control" >
- </div>
- <div class="form-group col-md-3">
- <label>CPF</label>
- <input type="text" name="pp_cpf7" class="form-control cpf" placeholder="xxx.xxx.xxx-xx" >
- </div>
- <div class="form-group col-md-3">
- <label>Grau Parentesco</label>
- <select name="grau7" class="form-control">
- <option value="Não selecionado" selected>Selecione...</option>
- <option value="Filho(a)">Filho(a)</option>
- <option value="Esposa">Esposa</option>
- </select>
- </div>
- </div>
- <div id="inputOculto8" class="form-row">
- <div class="form-group col-md-4">
- <label>Nome</label>
- <input type="text" name="nome_dp8" class="form-control" placeholder="Nome Completo" >
- </div>
- <div class="form-group col-md-2">
- <label>Data de nascimento</label>
- <input type="text" id="data_13" name="dt_nasc8" class="form-control" >
- </div>
- <div class="form-group col-md-3">
- <label>CPF</label>
- <input type="text" name="gp_cpf8" class="form-control cpf" placeholder="xxx.xxx.xxx-xx" >
- </div>
- <div class="form-group col-md-3">
- <label>Grau Parentesco</label>
- <select name="grau8" class="form-control">
- <option value="Não selecionado" selected>Selecione...</option>
- <option value="Filho(a)">Filho(a)</option>
- <option value="Esposa">Esposa</option>
- </select>
- </div>
- </div>
- $(document).ready(function() {
- $('#inputOculto').hide();
- $('#inputOculto2').hide();
- $('#inputOculto3').hide();
- $('#inputOculto4').hide();
- $('#inputOculto5').hide();
- $('#inputOculto6').hide();
- $('#inputOculto7').hide();
- $('#inputOculto8').hide();
- $('#mySelect').change(function() {
- if ($('#mySelect').val() == '1') {
- $('#inputOculto').show();
- } else {
- $('#inputOculto').hide();
- }
- });
- $('#mySelect').change(function() {
- if ($('#mySelect').val() == '2') {
- $('#inputOculto').show();
- $('#inputOculto2').show();
- } else {
- $('#inputOculto2').hide();
- }
- });
- $('#mySelect').change(function() {
- if ($('#mySelect').val() == '3') {
- $('#inputOculto').show();
- $('#inputOculto2').show();
- $('#inputOculto3').show();
- } else {
- $('#inputOculto3').hide();
- }
- });
- $('#mySelect').change(function() {
- if ($('#mySelect').val() == '4') {
- $('#inputOculto').show();
- $('#inputOculto2').show();
- $('#inputOculto3').show();
- $('#inputOculto4').show();
- } else {
- $('#inputOculto4').hide();
- }
- });
- $('#mySelect').change(function() {
- if ($('#mySelect').val() == '5') {
- $('#inputOculto').show();
- $('#inputOculto2').show();
- $('#inputOculto3').show();
- $('#inputOculto4').show();
- $('#inputOculto5').show();
- } else {
- $('#inputOculto5').hide();
- }
- });
- $('#mySelect').change(function() {
- if ($('#mySelect').val() == '6') {
- $('#inputOculto').show();
- $('#inputOculto2').show();
- $('#inputOculto3').show();
- $('#inputOculto4').show();
- $('#inputOculto5').show();
- $('#inputOculto6').show();
- } else {
- $('#inputOculto6').hide();
- }
- });
- $('#mySelect').change(function() {
- if ($('#mySelect').val() == '7') {
- $('#inputOculto').show();
- $('#inputOculto2').show();
- $('#inputOculto3').show();
- $('#inputOculto4').show();
- $('#inputOculto5').show();
- $('#inputOculto6').show();
- $('#inputOculto7').show();
- } else {
- $('#inputOculto7').hide();
- }
- });
- $('#mySelect').change(function() {
- if ($('#mySelect').val() == '8') {
- $('#inputOculto').show();
- $('#inputOculto2').show();
- $('#inputOculto3').show();
- $('#inputOculto4').show();
- $('#inputOculto5').show();
- $('#inputOculto6').show();
- $('#inputOculto7').show();
- $('#inputOculto8').show();
- } else {
- $('#inputOculto8').hide();
- }
- });
- });
- <div class="jumbotron">
- <h4>Dependentes</h4>
- <b>Nome:</b> #nome_dp1<br>
- <b>Data de nascimento:</b> #dt_nasc1<br>
- <b>CPF:</b> #dp_cpf1<br>
- <b>Grau Parentesco:</b> #grau1<br>
- <b>Nome:</b> #nome_dp2<br>
- <b>Data de nascimento:</b> #dt_nasc2<br>
- <b>CPF:</b> #d_cpf2<br>
- <b>Grau Parentesco:</b> #grau2<br>
- <b>Nome:</b> #nome_dp3<br>
- <b>Data de nascimento:</b> #dt_nasc3<br>
- <b>CPF:</b> #dq_cpf3<br>
- <b>Grau Parentesco:</b> #grau3<br>
- <b>Nome:</b> #nome_dp4<br>
- <b>Data de nascimento:</b> #dt_nasc4<br>
- <b>CPF:</b> #db_cpf4<br>
- <b>Grau Parentesco:</b> #grau4<br>
- <b>Nome:</b> #nome_dp5<br>
- <b>Data de nascimento:</b> #dt_nasc5<br>
- <b>CPF:</b> #dn_cpf5<br>
- <b>Grau Parentesco:</b> #grau5<br>
- <b>Nome:</b> #nome_dp6<br>
- <b>Data de nascimento:</b> #dt_nasc6<br>
- <b>CPF:</b> #qn_cpf6<br>
- <b>Grau Parentesco:</b> #grau6<br>
- <b>Nome:</b> #nome_dp7<br>
- <b>Data de nascimento:</b> #dt_nasc7<br>
- <b>CPF:</b> #pp_cpf7<br>
- <b>Grau Parentesco:</b> #grau7<br>
- <b>Nome:</b> #nome_dp8<br>
- <b>Data de nascimento:</b> #dt_nasc8<br>
- <b>CPF:</b> #gp_cpf8<br>
- <b>Grau Parentesco:</b> #grau8<br>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement