http://www.google.cn/search?hl=zh-CN&newwindow=1&q=javascript%2B%E5%85%A8%E5%9B%BD%E7%9C%81%E5%B8%82%E4%BA%8C%E7%BA%A7%E8%81%94%E5%8A%A8&meta=
解决方案 »
- WEB中使用SOCKET的问题,请高手指点
- js时间控件
- 关于DIV关闭的问题!!
- cpu使用100%,会不会对js执行有影响?
- FireFox中javascript操作Frameset的问题
- XMLHttpRequest.Open参数意义,请大侠说明~,谢谢。
- javascrip创建xml菜单后,菜单栏的宽度怎么修改。。。。急急急急急急
- 如何控制网页text里面输入只能是数字??谢谢高手
- 能否举例说明javascript中变量的值传给ASP中的变量,接受!!
- onclick="javascript:window.location.href后面带参数怎么加
- google日历中日程制定的弹出框效果是怎么做出来的(100分)
- 晕了... Array.prototype.obj 的 obj.subobj 继承问题
把电子书下载下来,里面有你需要的几个经典联动菜单例子,还有其他有用的资料.
subcat=new Array();subcat[0]=new Array("1001","南宁");subcat[1]=new Array("100105","青秀区");subcat[2]=new Array("100107","江南区");
.....................
function changeselect1(locationid)
{
document.all.pDistrict.length = 0; //初始化下拉列表 清空下拉数据
document.all.pDistrict.options[0] = new Option('请选择',''); //给第一个值
for (i=0; i<subcat.length; i++) //legth=20
{
if (subcat[i][0].substr(0,2) == locationid) //[0] [1] 第一列 第二列
{document.all.pDistrict.options[document.all.pDistrict.length] = new Option(subcat[i][1], subcat[i][0]);}
//建立option
//第一次 length=1 因为有==请选择==
//i=9时 length= 10 值有11个 因为从0数起 subcat[i][0] == locationid屏蔽了再写
}
}
//--> </script>
<td width="22%" height="31">
<select name="province" onChange="changeselect1(this.value)" size="1" style=width:80px> <option value="80">安徽</option> <option value="16">北京</option> <option value="19">重庆</option> <option value="31">福建</option> <option value="81">甘肃</option> <option value="26">广东</option>
</select></td>
<td width="20%" height="31">省/直辖市:</td>
<td width="23%" height="31"><select name="pDistrict" size="1" style="width:90">
<option value="">请选择</option>
</select></td>
<td width="9%" height="31">市/区</td>
var g_selCity;
var Provinces=new Array(
new Array("110000","北京市"),
new Array("120000","天津市"),
new Array("500000","重庆市"),
new Array("130000","河北省"),
new Array("140000","山西省"),
.................
);var Citys=new Array(
new Array("110100","北京"),
new Array("120100","天津"),
new Array("130101","石家庄"),
new Array("130201","唐山"),
...................
);function FillProvinces(selProvince)
{
selProvince.options[0]=new Option("请选择定制省份","000000");
for(i=0;i<Provinces.length;i++)
{
selProvince.options[i+1]=new Option(Provinces[i][1],Provinces[i][0]);
//selProvince.options[i+1]=new Option(Provinces[i][1],Provinces[i][1]);
}
selProvince.options[0].selected=true;
selProvince.length=i+1;
}function FillCitys(selCity,ProvinceCode)
{
//if the province is a direct-managed city, like Beijing, shanghai, tianjin, chongqin,hongkong, macro
//need not "请选择选项"
if(ProvinceCode=="110000"||ProvinceCode=="120000"||ProvinceCode=="310000"
||ProvinceCode=="810000"||ProvinceCode=="820000"||ProvinceCode=="500000")
count=0;
else
{selCity.options[0]=new Option("请选择定制城市",ProvinceCode);
count=1;}
for(i=0;i<Citys.length;i++)
{
if(Citys[i][0].toString().substring(0,2)==ProvinceCode.substring(0,2))
{
//selCity.options[count]=new Option(Citys[i][1],Citys[i][0]);
selCity.options[count]=new Option(Citys[i][1],Citys[i][1]);
count=count+1;
}
}
selCity.options[0].selected=true;
selCity.length=count;
}
function InitCitySelect2(selProvince,selCity,CityCode)
{
InitCitySelect(selProvince,selCity)
for(i=0;i<selProvince.length;i++)
{
if(selProvince.options[i].value.substring(0,2)==CityCode.substring(0,2))
{
selProvince.options[i].selected=true;
}
}
Province_onchange();
for(i=0;i<selCity.length;i++)
{
if(selCity.options[i].value==CityCode)
{
selCity.options[i].selected=true;
}
}
}
<SELECT id=province size=1 name=province style="width:110px;margin-bottom:4px;margin-top:4px;" onchang="FillCitys(this.value,city)">
<OPTION selected></OPTION>
</SELECT>
<SELECT id=city size=1 name=city style="width:110px;margin-bottom:4px;margin-top:4px;">
<OPTION selected></OPTION>
</SELECT>
<SCRIPT language=javascript>
InitCitySelect(document.customize.province,document.customize.city);
</SCRIPT>