Implementa una applicazione web che permetta ad un utente di scegliere una delle opzioni di una select e porti ad una pagina diversa a seconda dell’opzione scelta. L’interfaccia che è necessario implementare è la seguente:

Se si seleziona Officina i dati di contatto verranno passati alla pagina officina.php altrimenti alla pagina acquisti,php. Una pagina centrale (page_redirect.php) raccoglie i dati e li inoltra alla pagina corretta:

select_redirect.php

La prima pagina da implementare è select_redirect.php:

Come è possibile notare, in questa pagina è presente un form contenente i campi di testo per inserire i valori di contatto e impostare il valore della select. I valori vengono passati alla pagina page_redirect.php attraverso il metodo POST:

<form action="page_redirect.php" method="post">

I valori che verranno passati sono quelli che verranno inseriti nei campi di testo:

Nome: <input type="text" name="txtNome"> <br/><br/>
Cognome: <input type="text" name="txtCognome"> <br/><br/>
Telefono: <input type="text" name="txtTelefono"><br/><br/>

e nella select

   <select name="selTipo">
      <option value="officina">Officina</option>
      <option value="acquisti">Acquisti</option>
   </select>

In definitiva la pagina completa è:

<html>
<head>
  <title> Autofficina Redirect </title>
</head>
<body>
  <h1>Sistema Informativo Autofficina</h1>
  <i>Inserisci i tuoi dati per essere indirizzato alla pagina corretta:</i>
 <hr/>
 <form action="page_redirect.php" method="post">
   Nome: <input type="text" name="txtNome"> <br/><br/>
   Cognome: <input type="text" name="txtCognome"> <br/><br/>
   Telefono: <input type="text" name="txtTelefono"><br/><br/>
   Tipologia di contatto: 
   <select name="selTipo">
      <option value="officina">Officina</option>
      <option value="acquisti">Acquisti</option>
   </select>
   <input type="submit" value="Vai">
 </form> 
</body>
</html>

page_redirect.php

Questa pagina ha lo scopo di raccogliere i valori inviati dalla pagina select_redirect.php e redirezionare l’utente verso la pagina corretta (officina o acquisti).

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *