Triplo dropdown menù

[fabiox3]

Ciao a tutti!

Sto realizzando un form con una tripla select "Categoria A", "Categoria B" e "Categoria C". Tuttte le varie opzioni, sono caricate direttamente sul DB e collegate tra loro da un ID:

Ho creato lo script per fare il collegamento, ma il problema è che mi compaiono tutte le opzioni, anche quelle relative alle voci non selezionate. Esempio: se seleziono l'opzione 1, che a sua volta nella select 2 ha 5 sottocategorie, oltre alle sue 5, tira fuori anche tutte le altre.

La soluzione l'avevo trovata con jQuery, ma il problema è che NON posso usare jQuery, ma Javascript puro.

Qualcuno può aiutarmi?

Grazie mille in anticipo!

[br1]

Posta il codice che hai fatto finora

[fabiox3]

Qui trovi il codice:

http://jsbin.com/osufuy/1/edit

[cavicchiandrea]

Premesso che nel esempio hai 10 id (cat) e gli id devono essere univoci, se non aggiungi una chiamata ajax che modifica dinamicamente la selectB e C è ovvio che mostrerà tutte le option presenti nelle select.
Per avere solo le opion collegate ad una scelta devi popolare le selectB e C dinamicamente con ajax (e probabilmente usando json) forse puoi prendere spunti da qui (l'esempio usa regione > provincie > città) ma la logica non cambia