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 相关文章推荐
常用参考资料(手册)下载或者链接
Jul 22 Javascript
Extjs Gird 支持中文拼音排序实现代码
Apr 15 Javascript
jquery 实现两级导航菜单附效果图
Mar 07 Javascript
JQuery的attr 与 val区别
Jun 12 Javascript
关于javascript的一些知识以及循环详解
Sep 12 Javascript
node.js中fs.stat与fs.fstat的区别详解
Jun 01 Javascript
angular实现spa单页面应用实例
Jul 10 Javascript
在Vue中使用echarts的实例代码(3种图)
Jul 10 Javascript
自定义javascript验证框架示例【附源码下载】
May 31 Javascript
详解nvm管理多版本node踩坑
Jul 26 Javascript
JS自定义滚动条效果
Mar 13 Javascript
javascript进阶篇深拷贝实现的四种方式
Jul 07 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使用CURL实现多线程抓取网页
2015/04/30 PHP
php 静态属性和静态方法区别详解
2017/04/09 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
解决laravel session失效的问题
2019/10/14 PHP
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
JavaScript检测原始值、引用值、属性
2016/06/20 Javascript
fullpage.js全屏滚动插件使用实例
2016/09/06 Javascript
浅谈JS读取DOM对象(标签)的自定义属性
2016/11/21 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
elementUI select组件使用及注意事项详解
2019/05/29 Javascript
js 实现 list转换成tree的方法示例(数组到树)
2019/08/18 Javascript
p5.js临摹动态图形的方法
2019/10/23 Javascript
JavaScript判断数据类型有几种方法及区别介绍
2020/09/02 Javascript
vue-video-player视频播放器使用配置详解
2020/10/23 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
2021/01/18 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
python实现k均值算法示例(k均值聚类算法)
2014/03/16 Python
Python max内置函数详细介绍
2016/11/17 Python
python Spyder界面无法打开的解决方法
2018/04/27 Python
Python实现深度遍历和广度遍历的方法
2019/01/22 Python
python调用自定义函数的实例操作
2019/06/26 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
python mongo 向数据中的数组类型新增数据操作
2020/12/05 Python
Python实现简单猜数字游戏
2021/02/03 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
科颜氏印度官网:Kiehl’s印度
2021/02/20 全球购物
Agoda中文官网:安可达(低价预订全球酒店)
2021/01/18 全球购物
.NET里面如何取得当前的屏幕分辨率
2012/12/06 面试题
Linux如何压缩可执行文件
2014/03/27 面试题
烹调加工管理制度
2014/02/04 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
生产设备维护保养制度
2015/08/06 职场文书
PyTorch dropout设置训练和测试模式的实现
2021/05/27 Python
Win10 heic文件怎么打开 ? Win10 heic文件打开教程
2022/04/06 数码科技