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).