二维数组动态改变下拉菜单内容

最新推荐文章于 2020-06-05 13:04:48 发布

淡默烟凉

最新推荐文章于 2020-06-05 13:04:48 发布

阅读量690

点赞数

分类专栏： javaweb 文章标签：下拉列表 select 二维数组 jsp

本文链接：https://blog.youkuaiyun.com/weixin_28890313/article/details/77870777

版权

javaweb 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何利用二维数组在jsp中动态地创建和更新下拉选择列表的内容，详细解析了从数组到select元素的过程，适用于网页交互场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<HTML> 
　　<HEAD> 
　　<TITLE>动态改变下拉菜单内容示例</TITLE> 
　　</HEAD> 
　　<SCRIPT LANGUAGE=javascript> 
　　//定义一个二维数组aArray,用于存放城市名称。 
　　var aCity=new Array(); 
　　aCity[0]=new Array(); 
　　aCity[1]=new Array(); 
　　aCity[2]=new Array(); 
　　aCity[3]=new Array(); 
　　//赋值，每个省份的城市存放于数组的一行。 
　　aCity[0][0]="--请选择--"; 
　　aCity[1][0]="--请选择--"; 
　　aCity[1][1]="广州市"; 
　　aCity[1][2]="深圳市"; 
　　aCity[1][3]="珠海市"; 
　　aCity[1][4]="汕头市"; 
　　aCity[1][5]="佛山市"; 
　　aCity[2][0]="--请选择--"; 
　　aCity[2][1]="长沙市"; 
　　aCity[2][2]="株州市"; 
　　aCity[2][3]="湘潭市"; 
　　aCity[3][0]="--请选择--"; 
　　aCity[3][1]="杭州市"; 
　　aCity[3][2]="苏州市"; 
　　aCity[3][3]="温州市"; 
　　function ChangeCity() 
　　{ 
　　var i,iProvinceIndex; 
　　iProvinceIndex=document.frm.optProvince.selectedIndex; 
　　iCityCount=0; 
　　while (aCity[iProvinceIndex][iCityCount]!=null) 
　　iCityCount++; 
　　//计算选定省份的城市个数 
　　document.frm.optCity.length=iCityCount;//改变下拉菜单的选项数 
　　for (i=0;i<=iCityCount-1;i++)//改变下拉菜单的内容 
　　document.frm.optCity[i]=new Option(aCity[iProvinceIndex][i]); 
　　document.frm.optCity.focus(); 
　　} 
　　</SCRIPT> 
　　<BODY ONfocus=ChangeCity()> 
　　<H3>选择你所在的省份及城市</H3> 
　　<FORM NAME="frm"> 
　　<P>省份： 
　　<SELECT NAME="optProvince" SIZE="1" ONCHANGE=ChangeCity()> 
　　<OPTION>--请选择--</OPTION> 
　　<OPTION>广东省</OPTION> 
　　<OPTION>湖南省</OPTION> 
　　<OPTION>浙江省</OPTION> 
　　</SELECT> 
　　</P> 
　　<P>城市： 
　　<SELECT NAME="optCity" SIZE="1"> 
　　<OPTION>--请选择--</OPTION> 
　　</SELECT> 
　　</P> 
　　</FORM> 
　　</BODY> 
　　</HTML>