`

js修改二級地址下拉框

阅读更多
<select name="addressCity" class="txtBlack12" id="addressCity" onchange="cityChange('addressCity', 'addressCounty');">
                <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>
</label>
<label>
         <select name="addressCounty" class="txtBlack12" id="addressCounty">
                  <option value="">請選擇</option>
         </select>
</label>

 

//根據縣市選擇
var city_x = new Array();
city_x[''] = ["請選擇"];
city_x['基隆市'] = ["仁愛區","信義區","中正區","中山區","安樂區","暖暖區","七堵區"];
city_x['台北市'] = ["中正區","大同區","中山區","松山區","大安區","萬華區","信義區","士林區","北投區","內湖區","南港區","文山區"];
city_x['台北縣'] = ["萬里鄉","金山鄉","板橋市","汐止市","深坑鄉","石碇鄉","瑞芳鎮","平溪鄉","雙溪鄉","貢寮鄉","新店市","坪林鄉","烏來鄉","永和市","中和市","土城市","三峽鎮","樹林市","鶯歌鎮","三重市","新莊市","泰山鄉","林口鄉","蘆洲市","五股鄉","八里鄉","淡水鎮","三芝鄉","石門鄉"];
city_x['桃園縣'] = ["中壢市","平鎮市","龍潭鄉","楊梅鎮","新屋鄉","觀音鄉","桃園市","龜山鄉","八德市","大溪鎮","復興鄉","大園鄉","蘆竹鄉"];
city_x['新竹市'] = ["新竹市"];
city_x['新竹縣'] = ["竹北市","湖口鄉","新豐鄉","新埔鄉","關西鄉","芎林鄉","寶山鄉","竹東鄉","五峰鄉","橫山鄉","尖石鄉","北埔鄉","峨眉鄉"];
city_x['苗栗縣'] = ["竹南鎮","頭份鎮","三灣鄉","南庄鄉","獅潭鄉","後龍鎮","通霄鎮","苑裡鎮","栗市","造橋鄉","頭屋鄉","公館鄉","大湖鄉","泰安鄉","銅鑼鄉","三義鄉","西湖鄉","卓蘭鎮"];
city_x['台中市'] = ["中區","東區","南區","西區","北區","北屯區","西屯區","南屯區"];
city_x['台中縣'] = ["太平市","大里市","霧峰鄉","烏日鄉","豐原市","后里鄉","石岡鄉","東勢鎮","和平鄉","新社鄉","潭子鄉","大雅鄉","神岡鄉","大肚鄉","沙鹿鎮","龍井鄉","梧棲鎮","清水鎮","大甲鎮","外埔鄉","大安鄉"];
city_x['彰化縣'] = ["彰化市","芬園鄉","花壇鄉","秀水鄉","鹿港鎮","福興鄉","線西鄉","和美鎮","伸港鄉","員林鎮","社頭鄉","永靖鄉","埔心鄉","溪湖鎮","大村鄉","埔鹽鄉","田中鎮","北斗鎮","田尾鄉","埤頭鄉","溪州鄉","竹塘鄉","二林鎮","大城鄉","芳苑鄉","二水鄉"];
city_x['南投縣'] = ["南投市","中寮鄉","草屯鎮","國姓鄉","埔里鎮","仁愛鄉","名間鄉","集集鎮","水里鄉","魚池鄉","信義鄉","竹山鎮","鹿谷鄉"];
city_x['雲林縣'] = ["斗南鎮","大埤鄉","虎尾鎮","土庫鎮","褒忠鄉","東勢鄉","臺西鄉","崙背鄉","麥寮鄉","斗六市","林內鄉","古坑鄉","莿桐鄉","西螺鎮","二崙鄉","北港鎮","水林鄉","口湖鄉","四湖鄉","元長鄉"];
city_x['嘉義市'] = ["嘉義市"];
city_x['嘉義縣'] = ["番路鄉","梅山鄉","竹崎鄉","阿里山鄉","中埔鄉","大埔鄉","水上鄉","鹿草鄉","太保市","朴子市","東石鄉","六腳鄉","新港鄉","民雄鄉","大林鎮","溪口鄉","義竹鄉","布袋鎮"];
city_x['台南市'] = ["中區","東區","南區","西區","北區","安平區","安南區"];
city_x['台南縣'] = ["永康市","歸仁鄉","新化鎮","左鎮鄉","玉井鄉","楠西鄉","南化鄉","仁德鄉","關廟鄉","龍崎鄉","官田鄉","麻豆鎮","佳里鎮","西港鄉","七股鄉","將軍鄉","學甲鎮","北門鄉","新營市","後壁鄉","白河鎮","東山鄉","六甲鄉","下營鄉","柳營鄉","鹽水鎮","善化鎮","大內鄉","山上鄉","新市鄉","安定鄉"];
city_x['高雄市'] = ["新興區","前金區","苓雅區","鹽埕區","鼓山區","旗津區","前鎮區","三民區","楠梓區","小港區","左營區"];
city_x['高雄縣'] = ["仁武鄉","大社鄉","岡山鎮","路竹鄉","阿蓮鄉","田寮鄉","燕巢鄉","橋頭鄉","梓官鄉","彌陀鄉","永安鄉","湖內鄉","鳳山市","大寮鄉","林園鄉","鳥松鄉","大樹鄉","旗山鎮","美濃鎮","六龜鄉","內門鄉","杉林鄉","甲仙鄉","桃源鄉","三民鄉","茂林鄉","茄萣鄉"];
city_x['屏東縣'] = ["屏東市","三地門鄉","霧臺鄉","瑪家鄉","九如鄉","里港鄉","高樹鄉","鹽埔鄉","長治鄉","麟洛鄉","竹田鄉","內埔鄉","萬丹鄉","潮州鎮","泰武鄉","來義鄉","萬巒鄉","崁頂鄉","新埤鄉","南州鄉","林邊鄉","東港鎮","琉球鄉","佳冬鄉","新園鄉","枋寮鄉","枋山鄉","春日鄉","獅子鄉","車城鄉","牡丹鄉","恆春鎮","滿州鄉"];
city_x['宜蘭縣'] = ["宜蘭市","頭城鎮","礁溪鄉","壯圍鄉","員山鄉","羅東鎮","三星鄉","大同鄉","五結鄉","冬山鄉","蘇澳鎮","南澳鄉"];
city_x['花蓮縣'] = ["花蓮市","新城鄉","秀林鄉","吉安鄉","壽豐鄉","鳳林鎮","光復鄉","豐濱鄉","瑞穗鄉","萬榮鄉","玉里鎮","卓溪鄉","富里鄉"];
city_x['臺東縣'] = ["臺東市","綠島鄉","蘭嶼鄉","延平鄉","卑南鄉","鹿野鄉","關山鎮","海端鄉","池上鄉","東河鄉","成功鎮","長濱鄉","太麻里","金峰鄉","大武鄉","達仁鄉"];
city_x['澎湖縣'] = ["馬公市","西嶼鄉","望安鄉","七美鄉","白沙鄉","湖西鄉"];
city_x['金門縣'] = ["金沙鎮","金湖鎮","金寧鄉","金城鎮","烈嶼鄉","烏坵鄉"];
city_x['連江縣'] = ["南竿鄉","北竿鄉","莒光鄉","東引鄉"];
function cityChange( city_id , county_id ){
var city = document.getElementById(city_id);
var county = document.getElementById(county_id) ;
county.length = 1 ;
if(typeof(city_x[city.value])=='undefined') return;
for( var i = 0 ; i < city_x[city.value].length ; i++ ){
county.options[i] = new Option(city_x[city.value][i], city_x[city.value][i]);
}
}

 

分享到:
评论
1 楼 spp_1987 2010-07-16  
要是js里面写错的,还不是很难查到???

相关推荐

    struts实现二级联动下拉框

    supplyInfo_update.jsp稍微难了点,不仅仅是一级触发实现二级联动,还有它是将数据库中相应的省份城市提取出来,将原有增加的省份城市提取给用户,供用户修改;对于JSP里的html:select及其html:option几乎只用直接拷贝,没...

    js实现下拉列表选中某个值的方法(3种方法)

    主要介绍了js实现下拉列表选中某个值的方法,涉及JavaScript针对select下拉列表选择操作的相关技巧,需要的朋友可以参考下

    js下拉框三级联动菜单选择代码.zip

    有兴趣刚需的可以自己下载,非常实用的代码,可以完美运行,有能力的还可以二次修改!

    VUE世界城市四级联动下拉组件.rar

    这是一套VUE全家桶的Demo里面有数据来源,和JS代码,4级联动下拉组件,可以随意更改,可二次开发无限极联动。

    使用jsp来实现下拉菜单的两级联动搜索

    在一个jsp(SUN企业级应用的首选)页面实现二级下拉框联动,实时读取数据库数据,这个方法非常使用,只需要修改很小的地方就可以使用。设计的文件,serch.jsp(SUN企业级应用的首选),main.js,bytetostr.js,

    毕业设计-学生信息管理系统java

    学生信息管理系统java。 前台首页地址: http://localhost:8080/ ... ... ...下拉框联动 添加、修改课程采用二级联动,即所属系别——所属专业; 添加、修改学生采用三级联动,即系别——专业——班级。

    程序天下:JavaScript实例自学手册

    1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

    《程序天下:JavaScript实例自学手册》光盘源码

    1.21 用JavaScript随机修改页面的标题 1.22 判断网页加载完毕 1.23 嵌入网页的播放器 1.24 设置指定网页为主页 1.25 使用JavaScript传递页面参数 1.26 页面被冻结 第 2章 按钮特效 2.1 页面刷新按钮 2.2 按回车调用...

    史上最强JavaScript日历控件正式版(无偿的永久的提供给大家免费使用,含全部源代码)

    功能强大的JavaScript日历控件 最关键的,无偿的永久的提供给大家免费使用,含全部源代码。 功能简介: 一、更人性化,更全面的功能 大部分日期控件都具备这些功能,但是本日历控件做的更全面,更人性化,并且速度...

    react-ant-dropdown-menu:下拉菜单+基于antd的菜单

    安装npm install -S @jswork/react-ant-dropdown-menu特性姓名类型必需的默认描述班级名称细绳错误的-- menuOptions 形状错误的--用法导入css @import " ~@jswork/react-ant-dropdown-menu/dist/style.css " ;...

    风讯网站内容管理系统(FoosunCMS) v3.0 Sp1

     支持二级域名管理  栏目自定义生成文件名规则  栏目可以排序,并支持是否隐藏栏目  自定义快捷菜单  自由标签化管理,自定义信息调用数量,标签自由存放  回收站管理  优化编辑器代码  优化生成部分代码  ...

    php网络开发完全手册

    11.1.6 下拉框与列表框标签select 172 11.2 表单数据的接收 173 11.2.1 GET方法 173 11.2.2 POST方法 176 11.3 常用表单数据的验证方法 177 11.3.1 姓名验证 177 11.3.2 日期验证 177 11.3.3 E-mail地址验证 178 ...

    文章管理系统

    4.[纠正]纠正前台导航下拉二级菜单多次经过会出现重复伸缩问题 5.[纠正]选择服务器文件页面没有滚动条的BUG 2014年03月07日 V2.82更新包 1.[新增]会员投稿管理也加入复制功能 2.[改进]改进后台文章管理 缩略图示意...

    asp.net知识库

    HttpModule 实现 ASP.Net (*.aspx) 中文简繁体的自动转换,不用修改原有的任何代码,直接部署即可! 服务器自定义开发二之客户端脚本回发 Web开发: 使用URL重写WEB主题切换 如何在Asp.Net1.1中实现页面模板(所谓的...

    PHP100视频教程全集112集BT种子【PHP经典】

    PHP100视频教程104:JQuery 之 Javascript 基础(二) PHP100视频教程105:JQuery 之 Javascript 基础(三) PHP100视频教程106:JQuery 之语法模式与开发基础 PHP100视频教程107:JQuery 之选择器、事件器详解 ...

    amis前端低代码框架 v1.1.4

    3、享受 amis 的不断升级:amis 一直在提升细节交互体验,比如表格首行冻结、下拉框大数据下不卡顿等,之前的 JSON 配置完全不需要修改; 4、可以完全使用可视化页面编辑器 来制作页面:一般前端可视化编辑器只能...

    amis前端低代码框架-其他

    3、享受 amis 的不断升级:amis 一直在提升细节交互体验,比如表格首行冻结、下拉框大数据下不卡顿等,之前的 JSON 配置完全不需要修改;4、可以完全使用可视化页面编辑器 来制作页面:一般前端可视化编辑器只能用来...

Global site tag (gtag.js) - Google Analytics