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实现跟随鼠标移动且带关闭功能的图片广告实例
Feb 26 Javascript
跟我学习javascript的基本类型和引用类型
Nov 16 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
May 19 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
详解JS中统计函数执行次数与执行时间
Sep 04 Javascript
微信小程序位置授权处理方法
Jun 13 Javascript
JavaScript基础之this和箭头函数详析
Sep 05 Javascript
js实现图片上传即时显示效果
Sep 30 Javascript
微信小程序获取复选框全选反选选中的值(实例代码)
Dec 17 Javascript
vue项目打包后提交到git上为什么没有dist这个文件的解决方法
Sep 16 Javascript
vue前端工程的搭建
Mar 31 Vue.js
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二分法在IP地址查询中的应用
2008/08/12 PHP
Base64在线编码解码实现代码 演示与下载
2011/01/08 PHP
解析PHP提交后跳转
2013/06/23 PHP
ThinkPHP整合百度Ueditor图文教程
2014/10/21 PHP
php+mysqli实现批量执行插入、更新及删除数据的方法
2015/01/29 PHP
php去掉文件前几行的方法
2015/07/29 PHP
PHP 二级子目录(后台目录)设置二级域名
2017/03/02 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
Notify - 基于jquery的消息通知插件
2011/10/18 Javascript
js中哈希表的几种用法总结
2014/01/28 Javascript
javascript学习笔记--数字格式类型
2014/05/22 Javascript
初识SmartJS - AOP三剑客
2014/06/08 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
JavaScript函数的调用以及参数传递
2015/10/21 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
基于vue组件实现猜数字游戏
2020/05/28 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
详解vue-cli3使用
2018/08/14 Javascript
JS async 函数的含义和用法实例总结
2020/04/08 Javascript
vue a标签点击实现赋值方式
2020/09/07 Javascript
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
python每隔N秒运行指定函数的方法
2015/03/16 Python
举例讲解Python面相对象编程中对象的属性与类的方法
2016/01/19 Python
Python实现正则表达式匹配任意的邮箱方法
2018/12/20 Python
django框架自定义模板标签(template tag)操作示例
2019/06/24 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
python中栈的原理及实现方法示例
2019/11/27 Python
解决django FileFIELD的编码问题
2020/03/30 Python
Python新手如何进行闭包时绑定变量操作
2020/05/29 Python
英国电器零售商:PRC Direct
2018/06/21 全球购物
大学应届毕业生求职信
2014/05/24 职场文书
2015年母亲节寄语
2015/03/23 职场文书
学术会议通知范文
2015/04/15 职场文书
党员心得体会范文2016
2016/01/23 职场文书
MySQL的索引你了解吗
2022/03/13 MySQL