javascript实现城市级联操作

最新推荐文章于 2024-09-06 10:47:36 发布

原创

最新推荐文章于 2024-09-06 10:47:36 发布 · 617 阅读

2 ·

CC 4.0 BY-SA版权

本文介绍了如何使用JavaScript实现城市级联效果，通过初始化数据来动态生成并联动不同级别的城市选项，为用户交互提供便捷。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><br>

<script type="text/javascript">

/*
加载完成后初始化省份，城市数据，及地区数据
*/
var province;//省份直接数组
var city;//存放城市二维数组
var area;//存放地区三维数组
function init(){
	//初始省份数据
	province = ["福建","广东","浙江"];
	//得到省份的Element
	var provinceid = document.getElementById("province");
	//为省份增加列表项
	for(var i = 0;i < province.length;i++){
	provinceid.add(new Option(province[i],province[i]));
	}
	//初始城市二维数组
	city = new Array(province.length);//二维数组第一项为省份数
	
	/*
	//初始化城市
	for(var i = 0; i < city.length; i++){
		//为每个省份增加城市
		//根据省份从数据库中取得城市
		city[i] = ["","","",];
	}
	*/
	//这里直接指定
	city[0] = ["厦门","三明","龙岩"];
	city[1] = ["广州","深圳","东莞"];
	city[2] = ["温州","金华","杭州"];
	
	//初始地区的三维数组
	area = new Array(province.length);//三维数组一维为为省份，长度为省份数
	for(var j = 0; j < area