玄靈澈明 發表
三階層下拉式選單範例，希望對大家有所幫助
| 範例 |
|
版權說明 此範例原為AS Pro所有，小弟只是將它稍微修改成符合小弟的需求而已 若你(妳)想對此範例有更進一步的了解，請至http://www.pc-net.com.tw/aspro/article/asp0521.asp?articleid=50 |
| 程式碼 ※此範例可直接COPY使用，COPY之後將程式碼貼在您所需要的地方既可 |
|
<SCRIPT Language="JavaScript"><!-- // 2顆 key=new Array(2); key[0]=new Array(5); key[1]=new Array(5); // 10顆 key1=new Array(2); key1[0]=new Array(5); key1[1]=new Array(5); // 2顆 key[0][0]="1小盒"; key[0][1]="2小盒"; key[0][2]="3小盒"; key[0][3]="4小盒"; key[0][4]="5小盒"; // 10顆 key[1][0]="1大盒"; key[1][1]="2大盒"; key[1][2]="3大盒"; key[1][3]="4大盒"; key[1][4]="5大盒"; // 2顆 key1[0][0]=new Array(1); key1[0][1]=new Array(1); key1[0][2]=new Array(1); key1[0][3]=new Array(1); key1[0][4]=new Array(1); // 10顆 key1[1][0]=new Array(1); key1[1][1]=new Array(1); key1[1][2]=new Array(1); key1[1][3]=new Array(1); key1[1][4]=new Array(1); //2顆裝 key1[0][0][0]="300元"; key1[0][1][0]="600元"; key1[0][2][0]="880元"; key1[0][3][0]="1160元"; key1[0][4][0]="1440元"; //10顆裝 key1[1][0][0]="1500元"; key1[1][1][0]="3000元"; key1[1][2][0]="4450元"; key1[1][3][0]="5900元"; key1[1][4][0]="7350元"; function Buildkey(num) { Buildkey1(0); document.myForm.fruit.selectedIndex=0; for(ctr=0;ctr<key[num].length;ctr++) { document.myForm.fruit.options[ctr]=new Option(key[num][ctr],key[num][ctr]); } document.myForm.fruit.length=key[num].length; } function Buildkey1(num) { document.myForm.price.selectedIndex=0; for(ctr=0;ctr<key1[document.myForm.color.selectedIndex][num].length;ctr++) { document.myForm.price.options[ctr]=new Option(key1[document.myForm.color.selectedIndex][num][ctr],key1[document.myForm.color.selectedIndex][num][ctr]); } document.myForm.price.length=key1[document.myForm.color.selectedIndex][num].length; } --></Script> <form name="myForm"> <select name=color OnChange="Buildkey(this.selectedIndex);"> <option>2顆裝</option> <option>10顆裝</option> </select> <select name=fruit OnChange="Buildkey1(this.selectedIndex);"> <option>1小盒</option> <option>2小盒</option> <option>3小盒</option> <option>4小盒</option> <option>5小盒</option> </select> <select name=price style="font-family: Arial" size="1"> <option>300元</option> <option>600元</option> <option>880元</option> <option>1160元</option> <option>1440元</option> </select> </form> |