js实现的全国省市二级联动下拉选择菜单完整实例


Posted in Javascript onAugust 17, 2015

本文实例讲述了js实现的全国省市二级联动下拉选择菜单。分享给大家供大家参考。具体如下:

运行效果截图如下:

js实现的全国省市二级联动下拉选择菜单完整实例

在线演示地址如下:

具体代码如下:

<!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=utf-8" />
<title>js全国省市二级联动下拉选择菜单</title>
</head>
<body>
<script language="javascript" src="city.js"></script>
<form action="" method=post name=form1>
<table width=300 border=0 cellspacing="0" cellpadding="1" !bgcolor=#FFFDE6>
<tr>
<td class="black_con9" align="right">省份:</td>
<td class="black_con9">
<select name="selectp" onChange="selectcityarea('selectp','selectc','form1');">
<option value="0" selected>选择省份</option>
</select>
</td>
</tr>
<tr>
<td class="black_con9" align="right">县/市:</td>
<td class="black_con9">
<select name="selectc">
<option value="0" selected>选择城市</option>
</select>
</td>
</tr>
</table>
</form>
<script language="javascript">
first("selectp","selectc","form1",0,0);
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
简单通用的JS滑动门代码
Dec 19 Javascript
JavaScript DOM 学习第九章 选取范围的介绍
Feb 19 Javascript
一个简单的Ext.XTemplate的实例代码
Mar 18 Javascript
javascript教程之不完整的继承(js原型链)
Jan 13 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
May 06 Javascript
Vue-resource实现ajax请求和跨域请求示例
Feb 23 Javascript
javascript 中null和undefined区分和比较
Apr 19 Javascript
jquery鼠标悬停导航下划线滑出效果
Sep 29 jQuery
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
Vue 2.0双向绑定原理的实现方法
Oct 23 Javascript
微信小程序监听用户登录事件的实现方法
Nov 11 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 30 Javascript
D3.js中data(), enter() 和 exit()的问题详解
Aug 17 #Javascript
关于js里的this关键字的理解
Aug 17 #Javascript
Nginx上传文件全部缓存解决方案
Aug 17 #Javascript
jQuery幻灯片带缩略图轮播效果代码分享
Aug 17 #Javascript
javascript中 try catch用法
Aug 16 #Javascript
javascript中undefined与null的区别
Aug 16 #Javascript
swtich/if...else的替代语句
Aug 16 #Javascript
You might like
PHP读取目录下所有文件的代码
2008/01/07 PHP
PHP 数组实例说明
2008/08/18 PHP
js函数的延迟加载实现代码
2012/10/11 Javascript
深入解析JavaScript中的变量作用域
2013/12/06 Javascript
Json序列化和反序列化方法解析
2013/12/19 Javascript
深入理解javascript中return的作用
2013/12/30 Javascript
JavaScript数据结构和算法之图和图算法
2015/02/11 Javascript
jquery插件pagination实现无刷新ajax分页
2015/09/30 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
2015/12/03 Javascript
js检查是否关闭浏览器的方法
2016/08/02 Javascript
javascript 网页进度条简单实例
2017/02/22 Javascript
Vue中fragment.js使用方法详解
2017/03/09 Javascript
node跨域请求方法小结
2017/08/25 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
代码整洁之道(重构)
2018/10/25 Javascript
vue动态绑定class选中当前列表变色的方法示例
2018/12/19 Javascript
从零到一详聊创建Vue工程及遇到的常见问题
2019/04/25 Javascript
详解mpvue实现对苹果X安全区域的适配
2019/07/31 Javascript
Vue组件通信入门之Provide和Inject机制
2019/12/29 Javascript
[38:21]2014 DOTA2国际邀请赛中国区预选赛5.21 TongFu VS LGD-CDEC
2014/05/22 DOTA
浅谈Python中列表生成式和生成器的区别
2015/08/03 Python
Python3实现的简单工资管理系统示例
2019/03/12 Python
Django框架搭建的简易图书信息网站案例
2019/05/25 Python
python numpy实现多次循环读取文件 等间隔过滤数据示例
2020/03/14 Python
将keras的h5模型转换为tensorflow的pb模型操作
2020/05/25 Python
聪明的粉丝购买门票的地方:TickPick
2018/03/09 全球购物
敬老模范事迹
2014/05/21 职场文书
应届硕士毕业生自荐信
2014/05/26 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
2014市国税局对照检查材料思想汇报
2014/09/23 职场文书
2014统计局民主生活会对照检查材料思想汇报
2014/10/02 职场文书
2015国庆节66周年演讲稿
2015/03/20 职场文书
毕业生政审意见范文
2015/06/04 职场文书
用基于python的appium爬取b站直播消费记录
2021/04/17 Python
浅谈Redis存储数据类型及存取值方法
2021/05/08 Redis
MongoDB支持的数据类型
2022/04/11 MongoDB