Ciao a tutti, ho un problema con questo tipo di codice

<!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/Dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<title>dimostrazione pratica</title>
<head>


</head>

<body>
<form name="doublecombo">

<select name="formato" size="1" onChange="redirect(this.options.selectedIndex)">
<option>A3</option>
<option>A4</option>
</select>

<select name="macchina" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Multifunzione</option>
<option>Stampante</option>
</select>

<select name="cromia" size="1" onChange="redirect(this.options.selectedIndex)">
<option>Colore</option>
<option>BN</option>
</select>

<select name="volumeCromie" size="1">
<option value="">Volume colore da 0 a 1000</option>
<option value="">Volume colore da 1000 a 2000</option>
<option value="">Volume colore da 2000 a 3000</option>
<option value="">Volume colore oltre 3000</option>
</select>



<input type="button" name="test" value="VAI" onClick="go()" />



<script type="text/javascript" language="javascript">

<!--
var formati=document.doublecombo.formato.options.lengt h
var formato=new Array(formato)
for (i=0; i<groups; i++)
formato[i]=new Array()

formato[0][0]=new Option("Multifunzione", "")
formato[0][1]=new Option("Stampante","")
formato[1][0]=new Option("Multifunzione", "")
formato[1][1]=new Option("Stampante","")

var temp=document.doublecombo.macchina
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<formato[x].length;i++){
temp.options[i]=new Option(formato[x][i].text,formato[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}

var groups=document.doublecombo.macchina.options.lengt h
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("Colore", "")
group[0][1]=new Option("BN","")
group[1][0]=new Option("Colore", "")
group[1][1]=new Option("BN","")

var temp=document.doublecombo.cromia
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}

var cromie=document.doublecombo.cromia.options.length
var cromia=new Array(cromie)
for (i=0; i<groups; i++)
cromia[i]=new Array()

cromia[0][0]=new Option("Volume colore da 0 a 1000", "A3_Multi_Color_0-1000.htm")
cromia[0][1]=new Option("Volume colore da 1000 a 2000","http://html.it/")
cromia[0][2]=new Option("Volume colore da 2000 a 3000","http://www.html.it/")
cromia[0][3]=new Option("Volume colore oltre 3000","http://www.html.it/")

cromia[1][0]=new Option("Volume BN da 0 a 1000","A3_Multi_BN_0-1000.htm")
cromia[1][1]=new Option("Volume BN da 1000 a 2000","http://html.it/")
cromia[1][2]=new Option("Volume BN da 2000 a 3000","http://www.html.it/")
cromia[1][3]=new Option("Volume BN oltre 3000","http://www.html.it/")

var temp=document.doublecombo.VolumeCromie
function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<cromia[x].length;i++){
temp.options[i]=new Option(cromia[x][i].text,cromia[x][i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
//-->

</script>



</form>

</body>

</HTML>

Praticamente ho 4 menu con più opzioni da scegliere.
Le prime tre selectbox hanno al loro interno due opzioni mentre l'ultima ne presenta di più e sono condizionate dal tipo di colore.
In ogni caso, quello che vorrei fare è collegarle a delle pagine statiche html già preconfigurate in base alle varie opzioni scelte...come faccio a far concatenare il tutto?
Premetto che questo codice l'ho modificato e in partenza le select box erano 2.
Non so quanto sia riuscito a spiegarmi, comunque se qualcuno di voi riesce ad aiutarmi mi farebbe un grosso favore in quanto non ho nessuna conoscenza di java.
Grazie