I'd like to put a double drop-down menu on my webpage and instead of a redirection to a new webpage, I'd like to display the result in a new section. I'm kind of stuck and I only have a triple menu here. Here an exemple of what I need.
(menu)Size, (menu) color and then display the price somewhere in a box.
Thanks a bunch
Bob
[HTML]<body>
<center>
<FORM name="isc">
<table border="0" cellspacing="0" cellpadding="0">
<tr align="center">
<td nowrap height="11">
<select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option selected>Boat lenghts</option>
<option>6-10 M</option>
<option>10-13 M</option>
<option>13-16 M</option>
<option>16+ M</option>
</select>
<select name="stage2" size="1" onChange="redirect1(this.options.selectedIndex)">
<option value=" " selected>Dokclines lenghts </option>
</select>
<select name="stage3" size="1" onChange="redirect2(this.options.selectedIndex)">
<option value=" " selected> </option>
<option value=" " selected>---Select3----------------</option>
<option value=" " selected>---Select3----------------</option>
</select>
[/HTML]
Expand|Select|Wrap|Line Numbers
- <script type="text/javascript"><!--
- /*
- _____________________________________
- /ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ\
- | Another JavaScript from Uncle Jim |
- | Feel free to copy, use and change |
- | this script as long as this part |
- | remains unchanged. You can visit |
- | my website at http://jdstiles.com |
- | for more scripts like this one. |
- | Created: 1996 Updated: 2006 |
- \_____________________________________/
- ŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻŻ
- */
- var groups=document.isc.example.options.length
- var group=new Array(groups)
- for (i=0; i<groups; i++)
- group[i]=new Array()
- group[0][0]=new Option("---Select2---"," ");
- group[1][0]=new Option("Now Select This One"," ");
- group[1][1]=new Option("MAIN ONE,SUB ONE","47");
- group[1][2]=new Option("MAIN ONE,SUB TWO","46");
- group[1][3]=new Option("MAIN ONE,SUB THREE","45");
- group[2][0]=new Option("Now Select This One"," ");
- group[2][1]=new Option("MAIN TWO,SUB ONE","115");
- group[2][2]=new Option("MAIN TWO,SUB TWO","116");
- group[2][3]=new Option("MAIN TWO,SUB Three","117");
- var temp=document.isc.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
- redirect1(0)
- }
- var secondGroups=document.isc.stage2.options.length
- var secondGroup=new Array(groups)
- for (i=0; i<groups; i++) {
- secondGroup[i]=new Array(group[i].length)
- for (j=0; j<group[i].length; j++) {
- secondGroup[i][j]=new Array() }}
- secondGroup[0][0][0]=new Option("---Select 3---"," ");
- secondGroup[1][0][0]=new Option("---Select 3---"," ");
- secondGroup[1][1][0]=new Option("Now Select This One"," ");
- secondGroup[1][1][1]=new Option("M1,S1,P1","navigation.html");
- secondGroup[1][1][2]=new Option("M1,S1,P2","effects.html");
- secondGroup[1][1][3]=new Option("M1,S1,P3","utilities.html");
- secondGroup[1][2][0]=new Option("Now Select This One"," ");
- secondGroup[1][2][1]=new Option("M1,S2,P1","http://jdstiles.com/");
- secondGroup[1][2][2]=new Option("M1,S2,P2","http://jdstiles.com");
- secondGroup[1][2][3]=new Option("M1,S2,P3","http://jdstiles.com");
- secondGroup[1][3][0]=new Option("Now Select This One"," ");
- secondGroup[1][3][1]=new Option("M1,S3,P1","http://www.cgi-resources.com");
- secondGroup[1][3][2]=new Option("M1,S3,P2","http://adashimar.hypermart.net/");
- secondGroup[2][0][0]=new Option("---Select 3---"," ");
- secondGroup[2][1][0]=new Option("Now Select This One"," ");
- secondGroup[2][1][1]=new Option
- ("M2,S1,P1","http://www.cnn.com");
- secondGroup[2][1][2]=new Option("M2,S1,P2","http://www.msnbc.com");
- secondGroup[2][1][3]=new Option("M2,S1,P3","http://www.abcnews.com");
- secondGroup[2][2][0]=new Option("Now Select A Page"," ");
- secondGroup[2][2][1]=new Option("M2,S2,P1","http://www.news.com");
- secondGroup[2][2][2]=new Option("M2,S2,P2","http://www.wired.com");
- secondGroup[2][3][0]=new Option("Now Select A Page"," ");
- secondGroup[2][3][1]=new Option
- ("M2,S3,P1","http://www.jdstiles.com");
- secondGroup[2][3][2]=new Option
- ("M2,S3,P2","http://jdstiles.com/index1.html");
- secondGroup[2][3][3]=new Option
- ("M2,S3,P3","http://jdstiles.com/index2.html");
- secondGroup[2][3][4]=new Option("M2,S3,P4","http://jdstiles.com/index3.html");
- var temp1=document.isc.stage3
- function redirect1(y){
- for (m=temp1.options.length-1;m>0;m--)
- temp1.options[m]=null
- for (i=0;i<secondGroup[document.isc.example.options.selectedIndex][y].length;i++){
- temp1.options[i]=new Option(secondGroup[document.isc.example.options.selectedIndex][y][i].text, secondGroup[document.isc.example.options.selectedIndex][y][i].value)
- }
- temp1.options[0].selected=true
- }
- function redirect2(z){
- window.location=temp1[z].value
- }
//--></script>
</td></tr></table></FORM></center>
</body>[/HTML]