Popolo una seconda select in base alla scelta della prima.
<script type="text/javascript">
var colori = ["giallo","rosso","blu","verde"];
var nomi = ["giacomo","roberta","barbara","veronica"];
var animali = ["gallo","rana","boa","volpe"];
var desc = [];
function popolaSelect(select,opt) {
// scelgo l'array
switch (opt) {
case '1': desc = colori; break;
case '2': desc = nomi; break;
case '3': desc = animali; break;
default: desc = []; break;
}
// azzero le option
select.options.length = 1;
// creo le option in base agli elementi degli array
for(var i = 0; i < desc.length; i++) {
// creo la option
select.options[select.options.length] = new Option(desc[i],i);
}
}
</script>
<form action="" method="post">
<select name="categoria" onchange="popolaSelect(document.getElementById('descrizione'),this.value)">
<option value="0"></option>
<option value="1">Colori</option>
<option value="2">Nomi</option>
<option value="3">Animali</option>
</select>
<select name="descrizione" id="descrizione"></select>
</form>