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 相关文章推荐
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
javascript new后的constructor属性
Aug 05 Javascript
javascript模拟地球旋转效果代码实例
Dec 02 Javascript
Jquery使用val方法读写value值
May 18 Javascript
js判断手机访问或者PC的几个例子(常用于手机跳转)
Dec 15 Javascript
JavaScript实现点击单元格改变背景色的方法
Feb 12 Javascript
vue.js中$watch的用法示例
Oct 04 Javascript
纯js实现手风琴效果代码
Apr 17 Javascript
Javascript typeof与instanceof的区别
Oct 18 Javascript
VUE开发一个图片轮播的组件示例代码
Mar 06 Javascript
Javascript实现数组中的元素上下移动
Apr 28 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
Apr 10 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
实用函数10
2007/11/08 PHP
PHP对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
PHP面向对象程序设计之类常量用法实例
2014/08/20 PHP
php实现设计模式中的单例模式详解
2014/10/11 PHP
PHP常见字符串处理函数用法示例【转换,转义,截取,比较,查找,反转,切割】
2016/12/24 PHP
thinkPHP5 ACL用户权限模块用法详解
2017/05/10 PHP
PHP实现腾讯与百度坐标转换
2017/08/05 PHP
PHP xpath()函数讲解
2019/02/11 PHP
ExtJs使用IFrame的实现代码
2010/03/24 Javascript
jquery特效 幻灯片效果示例代码
2013/07/16 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
JavaScript 垃圾回收机制分析
2013/10/10 Javascript
js中把JSON字符串转换成JSON对象最好的方法
2014/03/21 Javascript
Internet Explorer 11 浏览器介绍:别叫我IE
2014/09/28 Javascript
jQuery Mobile 和 Kendo UI 的比较
2016/05/05 Javascript
原生node.js案例--前后台交互
2017/02/20 Javascript
Bootstrap按钮组简单实现代码
2017/03/06 Javascript
JavaScript实现下拉列表
2021/01/20 Javascript
Python实现股市信息下载的方法
2015/06/15 Python
详解python多线程、锁、event事件机制的简单使用
2018/04/27 Python
python 使用poster模块进行http方式的文件传输到服务器的方法
2019/01/15 Python
对python读取CT医学图像的实例详解
2019/01/24 Python
Django限制API访问频率常用方法解析
2020/10/12 Python
利用python+ffmpeg合并B站视频及格式转换的实例代码
2020/11/24 Python
HTML5中Canvas与SVG的画图原理比较
2013/01/16 HTML / CSS
英国知名的护肤彩妆与时尚配饰大型综合零售电商:Unineed
2016/11/21 全球购物
美国在线纱线商店:Darn Good Yarn
2019/03/20 全球购物
初中生自我鉴定
2014/02/04 职场文书
青春励志演讲稿
2014/04/29 职场文书
合作协议书格式
2014/08/19 职场文书
党员批评与自我批评
2014/10/15 职场文书
2014年应急管理工作总结
2014/11/26 职场文书
小学生暑假安全保证书
2015/07/13 职场文书
CocosCreator入门教程之网络通信
2021/04/16 Javascript
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技