function changeCity()
{
<wbr>var cityList = new Array();<wbr><br><wbr>cityList['广东省']=['广州','深圳','珠海','汕头','韶关','佛山','江门','湛江','茂名','肇庆','惠州','梅州','汕尾','河源','阳江','清远','东莞','中山','潮州','揭阳','云浮'];<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr>cityList['辽宁省']=['沈阳','大连','鞍山','抚顺','本溪','丹东','锦州','营口','阜新','辽阳','盘锦','铁岭','朝阳','葫芦岛'];<br><wbr>cityList['吉林省']=['长春','吉林','四平','辽源','通化','白山','松原','白城','延边'];<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr>cityList['黑龙江省']=['哈尔滨','齐齐哈尔','鸡西','鹤岗','双鸭山','大庆','伊春','佳木斯','七台河','牡丹江','黑河','绥化','大兴安岭'];<br><wbr>cityList['天津省']=['和平区','河东区','河西区','南开区','河北区','红桥区','塘沽区','汉沽区','大港区','西青区','东丽区','津南区','北辰区','武清县','宝坻县','宁河县'];<br><wbr>cityList['北京市']=['西城区','东城区','宣武区','崇文区','海淀区','朝阳区','丰台区','石景山区','通州区','昌平区','大兴区','顺义区','房山区','门头沟区','平谷区','怀柔区','密云县','延庆县'];<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr>cityList['河北省']=['石家庄','唐山','秦皇岛','邯郸','邢台','保定','张家口','承德','沧州','廊坊','衡水'];<br><wbr>cityList['山西省']=['太原','大同','阳泉','长治','晋城','朔州','晋中','运城','忻州','临汾','吕梁'];<br><wbr>cityList['上海市']=['黄浦区','卢湾区','徐汇区','长宁区','静安区','普陀区','闸北区','虹口区','杨浦区','浦东新区','闵行区','宝山区','嘉定区','金山区','松江区','青浦区','南汇区','奉贤区','崇明县'];<br><wbr>cityList['江苏省']=['南京','无锡','徐州','常州','苏州','南通','连云港','淮安','盐城','扬州','镇江','泰州','宿迁'];<br><wbr>cityList['浙江省']=['杭州','宁波','温州','嘉兴','湖州','绍兴','金华','衢州','舟山','台州','丽水'<br>
];<br><wbr>cityList['安徽省']=['合肥','芜湖','蚌埠','淮南','马鞍山','淮北','铜陵','安庆','黄山','滁州','阜阳','宿州','巢湖','六安','亳州','池州','宣城'];<br><wbr>cityList['福建省']=['福州','厦门','莆田','三明','泉州','漳州','南平','龙岩','宁德'];<br><wbr>cityList['江西省']=['南昌','景德镇','萍乡','九江','新余','鹰潭','赣州','吉安','宜春','抚州','上饶'];<br><wbr>cityList['山东省']=['济南','青岛','淄博','枣庄','东营','烟台','潍坊','威海','济宁','泰安','日照','莱芜','临沂','德州','聊城','滨州','菏泽'];<br><wbr>cityList['河南省']=['郑州','开封','洛阳','平顶山','焦作','鹤壁','新乡','安阳','濮阳','许昌','漯河','三门峡','南阳','商丘','信阳','周口','驻马店'];<br><wbr>cityList['湖北省']=['武汉','黄石','襄樊','十堰','荆州','宜昌','荆门','鄂州','孝感','黄冈','咸宁','随州','恩施'];<br><wbr>cityList['湖南省']=['长沙','株洲','湘潭','衡阳','邵阳','岳阳','常德','张家界','益阳','郴州','永州','怀化','娄底','湘西'];<br><wbr>cityList['海南省']=['海口','三亚'];<br><wbr>cityList['重庆市']=['双桥区','大渡口','渝中区','九龙坡','南岸区','渝北区','江北区','沙坪坝','涪陵区','北碚区','璧山县','永川区','巴南区','长寿区','南川区','铜梁县','江津区','荣昌县','万州区','合川区'];<br><wbr>cityList['四川省']=['成都','自贡','攀枝花','泸州','德阳','绵阳','广元','遂宁','内江','乐山','南充','宜宾','广安','达州','眉山','雅安','巴中','资阳','阿坝','甘孜','凉山'];<br><wbr>cityList['贵州省']=['贵阳','六盘水','遵义','安顺','铜仁','毕节','黔西南','黔东南','黔南'];<br><wbr>cityList['云南省']=['昆明','曲靖','玉溪','保山','昭通','丽江','普洱','临沧','文山','红河','西双版纳','楚雄','大理','德宏','怒江','迪庆'];<br><wbr>cityList['陕西省']=['西安','铜川','宝鸡','咸阳','渭南','延安','汉中','榆林','安康','商洛'];<br><wbr>cityList['甘肃省']=['兰州','嘉峪关','金昌','白银','天水','武威','张掖','平凉','酒泉','庆阳','定西','陇南','临夏','甘南'];<br><wbr>cityList['青海省']=['西宁','海东','海北','黄南','海南','果洛','玉树','海西'];<br><wbr>cityList['新疆维吾尔自治区']=['乌鲁木齐','克拉玛依','吐鲁番','哈密','和田','阿克苏','喀什','克孜勒苏柯尔克孜','巴音郭楞蒙古昌吉','博尔塔拉蒙古','伊犁哈萨克','塔城','阿勒泰'];<br><wbr>cityList['宁夏回族自治区']=['银川','石嘴山','吴忠','固原','中卫'];<br><wbr>cityList['西藏自治区']=['拉萨','昌都','山南','日喀则','那曲','阿里','林芝'];<br><wbr>cityList['广西壮族自治区']=['南宁','柳州','桂林','梧州','北海','防城港','钦州','贵港','玉林','百色','贺州','河池','来宾','崇左'];<br><wbr>cityList['内蒙古自治区']=['呼和浩特','包头','乌海','赤峰','通辽','鄂尔多斯','呼伦贝尔','巴彦淖尔','乌兰察布','兴安','锡林郭勒','阿拉善'];<br><wbr>var pIndex = document.landform.Province.value; //获取选中省份的值<br><wbr>var Mytest;<br><wbr>document.landform.city.options.length=0; //执行前清空城市列表<br><wbr>for(var j in cityList[pIndex]){<br><wbr>Mytest = new Option(cityList[pIndex][j], cityList[pIndex][j]); //创建城市项<br><wbr>document.landform.city.options.add(Mytest); //添加到城市下拉列表集合内<br><wbr>}<br></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>
}
<wbr></wbr>
<wbr></wbr>
<wbr></wbr>
<wbr></wbr>
<wbr></wbr>
省份:<select name="province" id="province" onchange="changeCity()">
<option value="广东省">广东省</option><option value="辽宁省">辽宁省</option><option value="吉林省">吉林省</option><option value="黑龙江省">黑龙江省</option><option value="天津省">天津省</option><option value="北京市">北京市</option><option value="河北省">河北省</option><option value="山西省">山西省</option><option
value="上海市">上海市</option><option value="江苏省">江苏省</option><option value="浙江省">浙江省</option><option value="安徽省">安徽省</option><option value="福建省">福建省</option><option value="江西省">江西省</option><option value="山东省">山东省</option><option value="河南省">河南省</option><option
value="湖北省">湖北省</option><option value="湖南省">湖南省</option><option value="海南省">海南省</option><option value="重庆市">重庆市</option><option value="四川省">四川省</option><option value="贵州省">贵州省</option><option value="云南省">云南省</option><option value="陕西省">陕西省</option><option
value="甘肃省">甘肃省</option><option value="青海省">青海省</option><option value="新疆维吾尔自治区">新疆维吾尔自治区</option><option value="宁夏回族自治区">宁夏回族自治区</option><option value="西藏自治区">西藏自治区</option><option value="广西壮族自治区">广西壮族自治区</option><option value="内蒙古自治区">内蒙古自治区</option></select>
城市:<select name="city" id="city"></select>
<wbr></wbr>
原帖地址：http://blog.sina.com.cn/s/blog_5067ef490100ex2a.html
分享到：
相关推荐
"HTML中JavaScript版省市级联"是一个常见的前端技术应用，用于实现动态的省市区选择功能。在这个场景下，用户可以从一个下拉菜单中选择省份，然后根据所选省份自动更新市、区的下拉选项。这种功能在注册、地址填写等...
使用javaScript实现省市级联（二级级联，不能三级级联）
JavaScript省市级联是一种常见的前端开发技术，用于实现用户在选择省份时自动更新下拉框中的城市选项，以此类推到区县等更细的行政区域。这种功能在各种需要填写地址信息的表单中非常常见，例如在线购物、预约服务等...
在网页开发中，省市级联通常用于创建地理区域选择功能，让用户能够逐步细化选择到具体的省份和城市。这种交互方式可以有效地节省空间并提供良好的用户体验。`javascript` 是实现这一功能的强大工具，它允许我们动态...
JavaScript的省市级联特效是一种常见的前端交互设计，用于在网页中实现省份选择后自动更新城市选项的效果。这种特效常见于地址填写、订单提交等场景，为用户提供便捷的地理位置选择方式。下面将详细介绍如何使用...
在网页开发中，省市级联菜单是一个常见的交互元素，它允许用户在选择省份后自动加载对应的市一级选项。本文将详细讲解如何使用JavaScript实现这样的功能，主要基于标题和描述中的内容，结合实际应用场景来深入探讨。...
在IT行业中，省市级联菜单是一种常见的用户界面元素，尤其在网页或应用程序中，用于让用户选择省份和城市。这种交互方式能够有效地节省空间并提供良好的用户体验。本文将深入探讨省市级联菜单的设计原理、实现方法...
标题 "全国省市级联下拉菜单" 暗示了这是一个网页开发相关的项目，它涉及到在没有使用数据库的情况下，创建一个动态的、无刷新的中国省市联动选择菜单。这种功能通常用于用户输入地址或者选择地理位置时，提供方便的...
这是用javascript写的省市级联，点击不同的省就可以选择其后面相应的市和区。很有用的。
在网页开发中，"JS省市级三级联动"是一种常见的交互设计，主要用于地址选择或分类筛选等场景。这种功能使得用户能够方便地从省级、市级、区县级（有时甚至包括街道级）的层次结构中选择他们所需的地理位置或者类别。...
【标题】"省市级联动(Ajax+Struts2+SQLServer2008)"是一个典型的Web应用程序开发案例，主要用于实现用户在选择省份时，下拉菜单动态加载对应的城市列表。这个系统利用了Ajax技术进行异步数据交互，Struts2框架进行...
在网页开发中，为了提供用户友好的交互体验，经常需要实现省市级联动的效果。这是一个常见的需求，例如在填写地址时，用户选择省份后，市、县等下级区域会自动更新，无需刷新整个页面。本主题将深入探讨如何利用Ajax...
在网页开发中，"Ajax 省市级联"是一种常见的交互设计，用于实现用户选择省份时，自动加载并展示对应省份的城市列表。这种方式极大地提升了用户体验，避免了页面刷新，使得数据加载更为流畅。Ajax（Asynchronous ...
"省市级联"是一个常见的前端功能，主要用于实现用户在选择省份时，下拉菜单自动更新对应的城市选项，从而提供更加便捷的用户输入体验。这种功能在注册、地址填写等场景中非常常见。 在给定的"js省市级联"项目中，它...
在JavaScript编程中，省市级联（也称为级联下拉框）是一种常见的用户界面功能，用于展示层次结构的数据，如省份和城市。这种交互方式在网页表单中常见，允许用户选择一个省份后，自动加载并显示该省份下的城市选项。...
**Ajax 实现省市级联** 在 Web 应用开发中，省市级联是一个常见的功能，它允许用户在选择省份后自动加载对应的市。这个过程通常使用 Ajax（Asynchronous JavaScript and XML）技术来实现，以提供更好的用户体验，...
这个资源提供的"省市级联代码纯Javascript"解决方案，旨在帮助开发者实现这一功能，无需依赖服务器端的数据请求，从而减轻了数据库和服务器的压力。 首先，我们要理解什么是省市级联。在Web表单中，这种级联下拉...
本项目主要探讨了如何使用JavaScript实现一种高效且用户友好的表单验证功能，同时结合了省市级联选择，使得用户在填写地址信息时可以方便地进行选择。 首先，表单验证是确保用户输入的数据符合预设规则的关键环节。...
javascript省市级联，无需数据库，内容可自己添加