我自己手写了一个两级联动的,希望对你有所帮助。
http://blog.sina.com.cn/yhzone
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>城市选择</title>
<style type="text/css">
<!--
body,td,th
{
font-family: 宋体;
font-size: 12px;
}
.selectCss
{
border:solid #FFFF00;
}
-->
</style>
<script language="javascript">
function cityJump(province)
{
var v_shanxi=new Array("汉中","咸阳","铜川","渭南","西安","商州","延安","榆林");
var v_hunan=new Array("长沙","衡阳","岳阳");
var v_shandong=new Array("青岛","烟台","潍坊","临沂");
var v_gansu=new Array("兰州","天水","平梁","张掖");
var city;
switch(province)
{
case "shanxi":
city=v_shanxi;
break;
case "hunan":
city=v_hunan;
break;
case "shandong":
city=v_shandong;
break;
case "gansu":
city=v_gansu;
break;
default:
city=v_shanxi;
}
var selectCity=document.form1.city;
var vOptions;
var len=selectCity.options.length;
for(var i=0;i<len;i++)
{
selectCity.options.remove(0);
}
for(var i=0;i<city.length;i++)
{
vOptions=document.createElement("option");
vOptions.value=city[i];
vOptions.text=city[i];
selectCity.options.add(vOptions);
}
}
</script>
</head>
<body onload="cityJump(null)">
<form name="form1" action="">
省份:
<select name="province" onchange="cityJump(this.value)" class="selectCss">
<option value="shanxi">陕西</option>
<option value="hunan">湖南</option>
<option value="shandong">山东</option>
<option value="gansu">甘肃</option>
</select>
城市:
<select name="city" class="selectCss">
</select>
</form>
</body>
</html>
分享到:
相关推荐
在网页开发中,"Ajax 省市级联"是一种常见的交互设计,用于实现用户选择省份时,自动加载并展示对应省份的城市列表。这种方式极大地提升了用户体验,避免了页面刷新,使得数据加载更为流畅。Ajax(Asynchronous ...
"HTML中JavaScript版省市级联"是一个常见的前端技术应用,用于实现动态的省市区选择功能。在这个场景下,用户可以从一个下拉菜单中选择省份,然后根据所选省份自动更新市、区的下拉选项。这种功能在注册、地址填写等...
【安卓 Spinner 实现省市级联】是Android开发中常见的需求,用于在应用程序中创建一个下拉选择组件,展示省、市、区等地理层级的数据。Spinner控件在Android中广泛用于实现有限选项的选择,通常与Adapter配合使用,...
标题中的“省市级联列表”通常是指在数据库设计中用于存储中国省份和城市信息的一种数据结构,这在很多需要地域信息的应用中非常常见,比如电商、物流、招聘网站等。这种列表一般会包括省份和其下属的城市,形成一个...
在IT行业中,"省市级联完整代码"通常指的是一个用于实现中国省级和市级选择功能的程序代码,这种功能常见于各种需要用户输入地区信息的Web应用或者移动应用中。级联选择意味着当用户选择了一个省份后,下拉框会动态...
【AJAX省市级联】是一种常见的前端开发技术,用于实现网页上的动态下拉联动效果,让用户在选择省份后,自动加载并显示对应的市、区或县的列表,无需刷新整个页面。这种技术主要依赖于AJAX(Asynchronous JavaScript ...
### 省市级联实现详解 #### 一、概述 在现代Web应用开发中,级联选择器(如省市区选择)是一种常见的交互设计模式,主要用于处理多层级数据的关联选择场景。例如,在用户填写地址时,根据所选省份动态显示对应的...
在IT行业中,省市级联(Province-City-County Association,简称PCCA)是一种常见的数据结构和功能设计,特别是在地理信息系统、电子商务、政务服务等场景中,用于处理和展示多层次的地域层级关系。它允许用户在选择...
"省市级联"是一个常见的前端功能,主要用于实现用户在选择省份时,下拉菜单自动更新对应的城市选项,从而提供更加便捷的用户输入体验。这种功能在注册、地址填写等场景中非常常见。 在给定的"js省市级联"项目中,它...
"超强的jquery省市级联"是指利用jQuery实现的一种动态联动效果,通常用于网页上的地址选择,例如选择省份后自动加载对应的城市列表,城市选择后再加载对应的区县列表。这种功能在电子商务网站、地图服务、物流配送等...
使用javaScript实现省市级联(二级级联,不能三级级联)
在IT行业中,XML因其灵活性和易读性而广泛应用于各种应用场景,包括构建省市级联选择功能。在这个项目中,“XML省市级联”意味着我们使用XML文件来存储和管理省份和城市的数据,然后通过Dreamweaver这一流行的网页...
在IT行业中,省市级联(Province-City-County Association,简称PCCA)是一种常见的地理信息组织方式,尤其在Web开发中用于实现下拉选择框的联动效果,为用户提供便捷的地区选择体验。这个数据包是专门针对中国境内...
绝对给力的 省市级联demo [removed][removed] [removed][removed] [removed][removed] <style type="text/css"> #province{ width:90px; margin-left:5px} #city{ width:130px; margin-left:5px} #...
### 使用jQuery实现省市级联选择器 #### 一、引言 在许多应用程序中,我们需要让用户根据省份选择相应的城市,这种需求通常通过级联选择器来实现。传统的做法是使用纯JavaScript结合HTML来完成,但这种方法较为繁琐...
在“xml+js省市级联”这个场景中,它们被结合使用来实现一个动态的、无需页面刷新的省级和市级联动选择功能。 这种功能常见于地址输入或区域选择的场景,用户首先选择省份,然后根据所选省份动态加载对应的市,整个...
在IT行业中,省市级联(Province-City-Association,PCA)是一种常见的数据组织方式,尤其在构建具有地域选择功能的Web应用或系统时。这里,我们主要探讨的是使用Java编程语言来实现这种功能的技术细节。 首先,...
JavaScript省市级联是一种常见的前端开发技术,用于实现用户在选择省份时自动更新下拉框中的城市选项,以此类推到区县等更细的行政区域。这种功能在各种需要填写地址信息的表单中非常常见,例如在线购物、预约服务等...
在IT行业中,省市级联数据通常指的是中国行政区域划分的数据,包括省份、城市、区县乃至街道等层次的详细信息。这些数据对于地理信息系统(GIS)、数据分析、地图服务、物流配送、人口统计等多个领域都至关重要。"4...