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 相关文章推荐
为JavaScript类型增加方法的实现代码(增加功能)
Dec 29 Javascript
js 延迟加载 改变JS的位置加快网页加载速度
Dec 11 Javascript
jQuery性能优化28条建议你值得借鉴
Feb 16 Javascript
调用DOM对象的focus使文本框获得焦点
Feb 19 Javascript
AngularJS手动表单验证
Feb 01 Javascript
一步一步封装自己的HtmlHelper组件BootstrapHelper(二)
Sep 14 Javascript
jquery实现焦点轮播效果
Feb 23 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
JavaScript Date对象应用实例分享
Oct 30 Javascript
微信小程序之多文件下载的简单封装示例
Jan 29 Javascript
node.js中ws模块创建服务端和客户端,网页WebSocket客户端
Mar 06 Javascript
关于React Native使用axios进行网络请求的方法
Aug 02 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
MYSQL 小技巧 -- LAST_INSERT_ID
2009/11/24 PHP
ThinkPHP提交表单时默认自动转义的解决方法
2014/11/25 PHP
使用PHP和JavaScript判断请求是否来自微信内浏览器
2015/08/18 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
javascript中的对象和数组的应用技巧
2007/01/07 Javascript
jQuery链式操作如何实现以及为什么要用链式操作
2013/01/17 Javascript
JS去除数组重复值的五种不同方法
2013/09/06 Javascript
Node.js 服务器端应用开发框架 -- Hapi.js
2014/07/29 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
使用three.js 画渐变的直线
2016/06/05 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
2016/08/28 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
2017/04/25 Javascript
JS实现的加减乘除四则运算计算器示例
2017/08/09 Javascript
js闭包学习心得总结
2018/04/17 Javascript
JavaScript中this的全面解析及常见实例
2019/05/14 Javascript
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
序列化模块json代码实例详解
2020/03/03 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
2020/04/07 Javascript
Javascript confirm多种使用方法解析
2020/09/25 Javascript
Python读取图片EXIF信息类库介绍和使用实例
2014/07/10 Python
Python中使用Tkinter模块创建GUI程序实例
2015/01/14 Python
批处理与python代码混合编程的方法
2016/05/19 Python
利用Python开发微信支付的注意事项
2016/08/19 Python
Python 迭代器与生成器实例详解
2017/05/18 Python
python机器学习理论与实战(六)支持向量机
2018/01/19 Python
Python线性回归实战分析
2018/02/01 Python
python3+dlib实现人脸识别和情绪分析
2018/04/21 Python
python3.7 openpyxl 删除指定一列或者一行的代码
2019/10/08 Python
python 批量下载bilibili视频的gui程序
2020/11/20 Python
世界领先的艺术图书出版社:TASCHEN
2018/07/23 全球购物
网站域名和主机:Domain.com
2019/04/01 全球购物
初三学生评语大全
2014/04/24 职场文书
销售经理岗位职责
2015/01/31 职场文书
免职通知
2015/04/23 职场文书
丧事酒宴答谢词
2015/09/30 职场文书