When submitting form, how do I see the result referring to the options chosen?

Question

Hey there, guys! My question is basically this. I have a form, where people put their name, phone, city, product option (property/ car). When clicking submit, I need a screen with a table of values referring to your product option.

For example, I filled in the data and placed it immobile. When submitting the form, the table of values will appear.

Note: The form code is ready and it is already sending the data to the barcode. However, I need to know how to make appear the product option that the customer chose, when filling it.

How can I do that?

      <h2>SIMULE AGORA SEU CONSÓRCIO!</h2><br/><br/>
  <div class="col-md-6">
         <img src="img/simule.jpg" class="imagem" alt="Vitor Cons�rcios">
  </div>
  <div class="col-md-1"></div>
  <form action="simulador.php" method="post" name="dados" id="dados" onSubmit="return validaform()">
        <div class="col-md-5 esquerda">
                       Selecione o bem<br/>
                       <select name="tipo" type="text" class="contat3" placeholder="Selecione o bem">
                       <option value="Im�vel"" 
                       style="background-color: #fff;">Imóveis</option>
                       <option value="Autom�vel"" 
                       style="background-color: #fff;">Automóveis</option>
                       <option value="Moto" style="background-color: #fff;">Motos</option>
                      </select><br/>
                     Selecione o plano<br/>
                     <select name="plano" type="text" class="contat3">
                       <option value="Crédito"" 
                     style="background-color: #fff;">Crédito</option>
                       <option value="Parcela"" 
                     style="background-color: #fff;">Parcela</option>
                     </select><br/>


                     <input name="valorcon" type="text" id="valorcon" class="contat3"  placeholder="Digite o valor" maxlength="1000" /><br/>



                     <input name="nomecon" type="text" id="nomecon" class="contat3"  placeholder="Nome"  maxlength="1000" /><br/>





                     <input name="telefone" type="text" 
                      onkeypress="Mascara('TEL',this,event);"
                     type="text" id="telefone" class="contat3"  placeholder="Telefone" />

                     <!--- 
                     <input name="tel2" type="text" id="tel2" onkeypress="Mascara('TEL',this,event);" /><br/>
                     --->



                     <input name="emailcon" type="text" id="emailcon" class="contat3"  placeholder="E-mail"  maxlength="1000" /><br/>



                     <input name="cidadecon" type="text" id="cidadecon" class="contat3"  placeholder="Cidade"  maxlength="1000" />


                     <br/><br/><br/>
                     <a id="enviar-form" class="button solid-color" href="#">Enviar</a>
                     <input type="submit" id="enviar-form-btn" style="display: none;" />

        </div>         
   </form>

Answer 1

If this table comes with information from a database, I suggest you do it with jquery and post/get, this link has two examples: https://www.w3schools.com/jquery/ajax_post.asp

If you don’t need this you will have a table hidden by the Hidden attribute:

<select name="tipo" type="text" class="contat3" placeholder="Selecione o bem" id="tipo">
    <option value="Imóvel" style="background-color: #fff;">Imóveis</option>
    <option value="Automóvel" style="background-color: #fff;">Automóveis</option>
    <option value="Moto" style="background-color: #fff;">Motos</option>
</select>
<div id="tabela_escondida" hidden>
    <table>
        <tr>
            <th>colunas</th>
        </tr>
        <tr>
            <td>valores</td>
        </tr>
    </table>
</div>

And a jquery or javascript to make the table appear when the option is chosen. Example with jquery:

$('#tipo').change(function(){ //ativa a função ao mudar o select
    var escolha = $("#tipo option:selected").val();
    alert('o usuario escolheu:' + escolha); //teste para ver o que o usuário escolheu
    if(escolha == 'A')
    {
        $('#tabela_escondida').show(); //mostra a div que tem a tabela dentro
    }
    else
    {
        $('#tabela_escondida').hide(); //esconde a div que tem a tabela dentro
    }
});

PS: can remove the entire Alert line, serves only for testing.

if it is to do in a second moment, within the simulator.php you will place a conditional.

if($_POST['tipo'] == 'Imóvel') hearder('location: paginaComAtabelaA.php');
else if($_POST['tipo'] == 'Automóvel') hearder('location: paginaComAtabelaB.php');