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 数组的方法集合
Jun 05 Javascript
jquery 表单取值常用代码
Dec 22 Javascript
使用jQuery实现dropdownlist的联动效果(sharepoint 2007)
Mar 30 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
JavaScript中的Math.E属性使用详解
Jun 12 Javascript
推荐10 个很棒的 jQuery 特效代码
Oct 04 Javascript
jQuery插件ajaxfileupload.js实现上传文件
Oct 23 Javascript
jQuery中借助deferred来请求及判断AJAX加载的实例讲解
May 24 Javascript
利用JavaScript阻止表单提交的两种方法
Aug 11 Javascript
原生js实现手风琴功能(支持横纵向调用)
Jan 13 Javascript
微信小程序之页面拦截器的示例代码
Sep 07 Javascript
javascript使用正则实现去掉字符串前面的所有0
Jul 23 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创建Cookie数组的详解
2013/07/03 PHP
php判断表是否存在的方法
2015/06/18 PHP
php微信高级接口群发 多客服
2016/06/23 PHP
Yii2 RESTful中api的使用及开发实例详解
2016/07/06 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
PHP单元测试框架PHPUnit用法详解
2019/01/23 PHP
javascript支持firefox,ie7页面布局拖拽效果代码
2007/12/20 Javascript
jQuery.clean使用方法及思路分析
2013/01/07 Javascript
jquery操作cookie插件分享
2014/01/14 Javascript
做web开发 先学JavaScript
2014/12/12 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
2015/03/13 Javascript
详解vue-router 2.0 常用基础知识点之router.push()
2017/05/10 Javascript
详解ElementUI之表单验证、数据绑定、路由跳转
2017/06/21 Javascript
vue项目中axios使用详解
2018/02/07 Javascript
使用Vuex实现一个笔记应用的方法
2018/03/13 Javascript
JavaScript ES6箭头函数使用指南
2018/12/30 Javascript
vue input标签通用指令校验的实现
2019/11/05 Javascript
vue中组件通信详解(父子组件, 爷孙组件, 兄弟组件)
2020/07/27 Javascript
[50:12]EG vs Fnatic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
Python中的作用域规则详解
2015/01/30 Python
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
python简单的函数定义和用法实例
2015/05/07 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
Python中dict和set的用法讲解
2019/03/28 Python
简单了解django缓存方式及配置
2019/07/19 Python
pymysql 插入数据 转义处理方式
2020/03/02 Python
英国香水店:The Perfume Shop
2017/03/27 全球购物
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
澳大利亚第一旅行车和房车配件店:Caravan RV Camping
2020/12/26 全球购物
如何做好总经理助理
2013/11/12 职场文书
旅游管理毕业生自荐书
2014/02/02 职场文书
总裁助理岗位职责
2014/02/17 职场文书
科学发展观活动总结
2014/08/28 职场文书
机关作风整顿个人整改措施2014
2014/09/17 职场文书
教育合作协议范本
2014/10/17 职场文书
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript