国家 | 多选下拉表单:里面数据:如:中国,美国,英国 |
省份 | 多选下拉表单:里面数据:如:湖南省,北京市,广东省,纽约,华盛顿 |
我要做的是,当别人在选择中国的时候,下面省份的表单要相应的显示关于中国的一些省份的名称,选择美国,下面表单就要显示美国的一些州市名称
这要怎么做才可以实现,请教!
三层联动下拉框?
<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>