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兼容标准的表格变色效果
Jun 28 Javascript
JS获取各种浏览器窗口大小的方法
Jan 14 Javascript
javascript事件冒泡实例分析
May 13 Javascript
jQuery实现的调整表格行tr上下顺序
Jan 10 Javascript
JavaScript的==运算详解
Jul 20 Javascript
JS之获取样式的简单实现方法(推荐)
Sep 13 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
Feb 22 Javascript
vue.js利用Object.defineProperty实现双向绑定
Mar 09 Javascript
Windows下安装 node 的版本控制工具 nvm
Feb 06 Javascript
微信小程序地图实现展示线路
Jul 29 Javascript
在vscode 中设置 vue模板内容的方法
Sep 02 Javascript
基于element-ui封装表单金额输入框的方法示例
Jan 06 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批量上传图片的具体实现方法介绍.
2014/02/26 PHP
利用php下载xls文件(自己动手写的)
2014/04/18 PHP
PHP与Ajax相结合实现登录验证小Demo
2016/03/16 PHP
Laravel 5.5 实现禁用用户注册示例
2019/10/24 PHP
php+laravel依赖注入知识点总结
2019/11/04 PHP
Javascript 二维数组
2009/11/26 Javascript
jquery toolbar与网页浮动工具条具体实现代码
2014/01/12 Javascript
jquery实现点击弹出带标题栏的弹出层(从右上角飞入)效果
2015/09/19 Javascript
javascript实现获取指定精度的上传文件的大小简单实例
2016/10/25 Javascript
jQuery图片轮播(二)利用构造函数和原型创建对象以实现继承
2016/12/06 Javascript
JS 实现随机验证码功能
2017/02/15 Javascript
纯JS实现只能输入数字的简单代码
2017/06/21 Javascript
vue 2.0 购物车小球抛物线的示例代码
2018/02/01 Javascript
Vue兼容ie9的问题全面解决方案
2018/06/19 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
JS实现长图上下滚动效果
2020/03/19 Javascript
使用wxpython实现的一个简单图片浏览器实例
2014/07/10 Python
基于python的七种经典排序算法(推荐)
2016/12/08 Python
Python获取SQLite查询结果表列名的方法
2017/06/21 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
Python设计模式之备忘录模式原理与用法详解
2019/01/15 Python
python 计算平均平方误差(MSE)的实例
2019/06/29 Python
tensorflow-gpu安装的常见问题及解决方案
2020/01/20 Python
python怎么判断模块安装完成
2020/06/19 Python
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
护士试用期自我鉴定
2014/02/08 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
单位一把手群众路线四风问题整改措施
2014/09/25 职场文书
小学运动会报道稿
2014/10/04 职场文书
2015年教师新年寄语
2014/12/08 职场文书
2015年端午节国旗下演讲稿
2015/03/19 职场文书
2015年领导班子工作总结
2015/05/23 职场文书
python实战之一步一步教你绘制小猪佩奇
2021/04/22 Python
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript