JS+html 实现select二级联动菜单

最新推荐文章于 2024-08-25 19:34:22 发布

哓白

最新推荐文章于 2024-08-25 19:34:22 发布

阅读量1.2w

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/u011701534/article/details/12998271

版权

这篇博客展示了如何利用JavaScript和HTML实现二级联动菜单，特别是针对城市选择。通过定义城市数据数组，当用户在省份下拉菜单中选择一项时，会自动更新城市下拉菜单，展示对应省份的城市选项。

摘要由CSDN通过智能技术生成

<html>
<head>
<title></title>
<script language="javascript" type="text/javascript">
//定义 城市 数据数组
cityArray = new Array();
cityArray[0] = new Array("河南省","郑州市|开封市|洛阳市|平顶山市|安阳市|鹤壁市|新乡市|焦作市|濮阳市|许昌市|漯河市|三门峡市|南阳市|商丘市|信阳市|周口市|驻马店市|济源市");
cityArray[1] = new Array("云南省","昆明市|大理市|曲靖市|玉溪市|昭通市|楚雄市|红河市|文山市|思茅市|西双版纳市|保山市|德宏市|丽江市|怒江市|迪庆市|临沧市");
cityArray[2] = new Array("其它","其它");
cityArray[3] = new Array("请选择","-请选择-");

function getCity(currProvince)
{
	//当前 所选择 的 省
	var currProvince = currProvince;
	var i,j,k;
	//清空 城市 下拉选单
	document.all.selCity.length = 0 ;
	for (i = 0 ;i <cityArray.length;i++)
	{
		//得到 当前省 在 城市数组中的位置
		if(cityArray[i][0]==currProvince)
		{
			//得到 当前省 所辖制的 地市
			var tmpcityArray = cityArray[i][1].split("|")
			for(j=0;j<tmpcityArray.length;j++)
			{