form con opzioni dinamiche

[floppy0123]

Salve , volevo chiedere se era possibile creare un form con le opzioni dinamiche: selezionando una delle opzioni dal SELECT N.1 , si riempie SELECT N.2 Selezionando l'opzione da SELECT N.2 si riempie SELECT 3 .
Le opzioni vengono lette da un database sql .
Volevo solo sapere se era possibile evitare di ricaricare sempre la stessa pagina ogni volta che si selezionava un opzione con "submit" per avere la nuova lista merceologica precompilata su SELECT 2 e poi su SELECT 3. Fare tutto su una stessa pagina .. forse usando javascript ( non lo conosco).

Le scelte andranno lette da un db sql, non voglio che risiedano dentro un codice java problematico da aggiornare. Conoscete un modo?

SELECT N. 1
<select>
<option value="frutta">frutta</option>
<option value="carne">carne</option>
<option value="pesce">pesce</option>
</select>

se si seleziona "carne"

SELECT N.2
<select>
<option value="bovino">bovino</option>
<option value="suino">suino</option>
<option value="ovino">ovino</option>
<option value="equino">equino</option>
....
</select>

se si seleziona "pesce"

SELECT N.2
<select>
<option value="filetti">filetti</option>
<option value="crostacei">crostacei</option>
<option value="calamari">calamari</option>
...
</select>

se si seleziona "verdura"

SELECT N.2
<select>
<option value="frutta">frutta</option>
<option value="funghi">funghi</option>
<option value="legumi">legumi</option>
...
</select>


il SELECT N. 3 mostera' solo i prodotti della categoria selezionata

se si seleziona "frutta"
SELECT N.3
<select>
<option value="mele">mele</option>
<option value="pere">pere</option>
...
</select>

 

[criric]

Ciao,
se non vuoi che la pagina si ricarichi dovrai usare ajax
qui c'è un esempio di chiamata scritta in javascript
qui invece una chiamata ajax con jquery
nella pagina chiamata farai ogni volta delle query diverse per costruirti la select in base a cio che arriva dalla prima select
PS
Racchiudi il codice tra i tag di formattazione: lo rendi piu leggibile