<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>
分享到：
相关推荐
用jquery实现级联下拉框效果 源代码+讲解
Android城市级联下拉框(自定义Spinner) 博客地址：http://blog.csdn.net/u012814441/article/details/49073457
AJAX级联下拉框源码 AJAX级联下拉框源码 AJAX级联下拉框源码
内部为四级的级联下拉框，分别为省份，市，县及区和镇及街道四级下拉框；（适用任何语言的纯HTML）详细截图可访问：https://blog.csdn.net/weixin_43972758/article/details/86510419 进行查询。
简单实用的可编辑下拉框，且带有级联效果！操作便捷，调用代码精炼！
使用jquery写的级联下拉框,使用jquery写的级联下拉框
使用JQuery实现漂亮的三级级联下拉框,
AJAX实现级联下拉框 需要的JAVA类,大家可以学习下
asp读取access数据库数据，在html页面动态生成多级级联的下拉框，摆脱静态级联下拉框数据变更烦恼。
ajax实现可配置无刷新级联下拉框...
JQuery实战第五讲：级联下拉框效果,如果用在《MVC中更加合适
ASP.Net中的局部刷新，在[removed]中写C#代码，省市地区的局部刷新级联下拉框
js+xml生成级联下拉框代码.docx
仿美团网团购搜索级联下拉框DEMO，可以进行多级选择！
jquery实现无限级联下拉框的封装，实现级联时有用，代码简单实用。可以实现。
主要介绍了php实现三级级联下拉框,上网翻找了许多三级级联下拉框实现的资料，下面分享给大家
ExpandAbleListView+checkbox数组方式级联，外层列表可展开收起，内层列表使用checkbox多选框，点击之后可在顶部的gridlayout显示，顶部显示的选中与checkbox选中状态关联，点击顶部选中的item，可取消选中状态，...
使用thinkphp框架做出的一个简单的ajax实现的无限添加级联下拉框的例子，ajax写的还可以，比价清晰
基于eclipse开发的Struts+hibernate+SqlServer2000级联下拉框