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 Div中加载其他页面的实现代码
Feb 27 Javascript
JavaScript在XHTML中的用法详解
Apr 11 Javascript
javascript中不等于的代码是什么怎么写
Dec 29 Javascript
node.js中Socket.IO的进阶使用技巧
Nov 04 Javascript
bootstrap和jQuery.Gantt的css冲突 如何解决
May 29 Javascript
JS弹出窗口插件zDialog简单用法示例
Jun 12 Javascript
基于JS实现9种不同的面包屑和分布式多步骤导航效果
Feb 21 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
详解基于webpack2.x的vue2.x的多页面站点
Aug 21 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
javascript实现文字跑马灯效果
Jun 18 Javascript
Vue两种组件类型:递归组件和动态组件的用法
Aug 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 5.3 下载时 VC9、VC6、Thread Safe、Non Thread Safe的区别分析
2011/03/28 PHP
php reset() 函数指针指向数组中的第一个元素并输出实例代码
2016/11/21 PHP
BOOM vs RR BO3 第二场2.13
2021/03/10 DOTA
javascript appendChild,innerHTML,join性能比较代码
2009/08/29 Javascript
js下用eval生成JSON对象
2010/09/17 Javascript
JavaScript中OnLoad几种使用方法
2012/12/15 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
2016/05/20 Javascript
jQuery获取选中单选按钮radio的值
2016/12/27 Javascript
js实现图片左右滚动效果
2017/02/27 Javascript
通过js控制时间,一秒一秒自己动的实例
2017/10/25 Javascript
Bootstrap Table中的多选框删除功能
2018/07/15 Javascript
小程序实现列表多个批量倒计时
2021/01/29 Javascript
关于js陀螺仪的理解分析
2019/04/11 Javascript
vue基于better-scroll实现左右联动滑动页面
2020/06/30 Javascript
python模拟登录百度代码分享(获取百度贴吧等级)
2013/12/27 Python
初步理解Python进程的信号通讯
2015/04/09 Python
python生成验证码图片代码分享
2016/01/28 Python
在Python的Flask中使用WTForms表单框架的基础教程
2016/06/07 Python
windows及linux环境下永久修改pip镜像源的方法
2016/11/28 Python
使用python实现BLAST
2018/02/12 Python
Python操作json的方法实例分析
2018/12/06 Python
Flask模板引擎之Jinja2语法介绍
2019/06/26 Python
python selenium 查找隐藏元素 自动播放视频功能
2019/07/24 Python
对django中foreignkey的简单使用详解
2019/07/28 Python
python3用urllib抓取贴吧邮箱和QQ实例
2020/03/10 Python
详解Python yaml模块
2020/09/23 Python
Waterford加拿大官方网站:世界著名的水晶杯品牌
2016/11/01 全球购物
英国最大的女士服装零售商:Bonmarché
2017/08/17 全球购物
英文版银行求职信
2013/10/09 职场文书
银行委托书范本
2014/09/28 职场文书
质量保证书格式
2015/02/27 职场文书
个人原因辞职信模板
2015/05/13 职场文书
演讲开场白台词大全
2015/05/29 职场文书
2019关于垃圾分类处理的调查报告
2019/12/26 职场文书
PHP命令行与定时任务
2021/04/01 PHP
关于JavaScript 中 if包含逗号表达式
2021/11/27 Javascript