<!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">
<head>
<title>Select dinamica - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Select dinamica con possibilità di impostare un numero di link a piacere." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />
</head>
<body >
<div align="center">
<form name="doublecombo">
<div align="left">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option>BE1</option>
<option>BE2</option>
<option>BE4</option>
</select>
<select name="stage2" size="1">
<option value="null">larghezza</option>
</select> </p>
<select name="stage3" size="1">
<option>sporgenza</option>
</select></p>
<input type="submit" name="invia" onClick="go()" value="invia"/><font color="#e14800">
<script type="text/javascript" language="JavaScript">
<!--
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
group[0][0]=new Option("240")
group[0][1]=new Option("300")
group[0][2]=new Option("360")
group[0][3]=new Option("420")
group[0][4]=new Option("480")
group[0][5]=new Option("540")
group[0][6]=new Option("600")
group[0][7]=new Option("700")
group[1][0]=new Option("240")
group[1][1]=new Option("300")
group[1][2]=new Option("360")
group[1][3]=new Option("420")
group[1][4]=new Option("480")
group[1][5]=new Option("540")
group[1][6]=new Option("600")
group[1][7]=new Option("700")
group[2][0]=new Option("240")
group[2][1]=new Option("300")
group[2][2]=new Option("360")
group[2][3]=new Option("420")
group[2][4]=new Option("480")
var temp=document.doublecombo.stage2
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
}
//-->
</script>
</font></p>
</div>
</form>
</div>
<div align="center">
</div>
</body>
</html>