js动态改变下拉菜单内容示例
2009-09-22 23:59
519 查看
]<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>
相关文章推荐
- js动态改变下拉菜单内容示例 .
- 动态改变下拉菜单内容示例 js 二位数组示例
- JS动态增加删除UL节点LI及相关内容示例
- 用js实现层随着内容大小动态渐变改变 推荐
- JS动态增加删除UL节点LI及相关内容示例
- js动态改变a标签的id和内容
- 通过JS动态改变table中<td>的内容
- js 动态改变下拉菜单默认选中的值
- 用JS动态改变地址栏内容 window.location.href window.location.hash
- 利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
- 用js实现层随着内容大小动态渐变改变 推荐
- js:利用文档就绪函数动态改变页面内容(innerHTML、innerText)
- JS动态改变select选择变更option的index值
- js动态设置select下拉菜单的默认选中项
- 开发日志:js当文本框输入非中文字符时,提示只能输入中文并将非中文字符清空【兼容IE、FF,适用于当文本框内容改变就立刻触发事件的其他功能性需求】
- AngularJS+bootstrap实现动态选择商品功能示例
- 改变指针指向的字符内容、动态分配字符型指针变量内存空间