Semplicemente aggiungi l'attributo "name" alle select, e poi in "name.php" il valore sarà memorizzato in $_GET['nomechehaiscelto'];
Ti faccio un esempio completo della pagina select.html, basandomi sul tuo codice.
Evita di creare spazi con <br> consecutivi, è meglio utilizzare gli appositi attributi di stile per i margini.
Codice:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Form Example</title>
</head>
<body background="sfondo1.jpg">
<form action="name.php" method="get">
<div>
<label for="firstname"><b><font color="lime">Inserisci città:</font></b></label>
<input type="text" name="firstname" id="firstname">
</div>
<div>
<label for="categoria"><b><font color="lime">Categoria:</font></b></label>
<select id="categoria" name="categoria" onChange="GetLinguaggi(this.options[this.selectedIndex].text)">
<option value=""></option>
<option>programmazione</option>
<option>scripting</option>
</select>
</div>
<div>
<label for="categoria"><b><font color="lime">Linguaggio:</font></b></label>
<select name="linguaggio" id="linguaggio"></select>
</div>
<div style="margin-top: 20px;">
<input type="submit" value="GO">
</div>
</form>
<script src="ajax.js" type="text/javascript"></script>
<script type="text/javascript">
var url = "select.php";
var what = "SetLinguaggi(req.responseText)";
function GetLinguaggi(Categoria)
{
InviaDati("categoria="+Categoria);
}
function SetLinguaggi(Linguaggi)
{
var linguaggioBox = document.getElementById("linguaggio");
linguaggioBox.options.length = 0;
if(Linguaggi != "")
{
var arrLinguaggi = Linguaggi.split(",");
for(i = 0; i < arrLinguaggi.length; i++)
{
if(arrLinguaggi[i] != "")
{
linguaggioBox.options[linguaggioBox.options.length] =
new Option(arrLinguaggi[i], arrLinguaggi[i]);
}
}
}
}
</script>
</body>
</html>
da name.php accederai ai dati in questo modo:
Codice:
$_GET['firstname']
$_GET['categoria']
$_GET['linguaggio']
ps: spero che con lo sfondo il colore lime dia un effetto diverso, sul bianco è inguardabile