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得到网页中所有的div的id
Oct 19 Javascript
javaScript 读取和设置文档元素的样式属性
Apr 14 Javascript
利用jQuery的$.event.fix函数统一浏览器event事件处理
Dec 21 Javascript
jQuery form插件之ajaxForm()和ajaxSubmit()的可选参数项对象
Jan 23 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
使用vue.js制作分页组件
Jun 27 Javascript
详解js的六大数据类型
Dec 27 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
Jan 19 Javascript
完美实现js焦点轮播效果(一)
Mar 07 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
Mar 13 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
详解如何在Angular优雅编写HTTP请求
Dec 05 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
从MySQL数据库表中取出随机数据的代码
2007/09/05 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
Jquery多选框互相内容交换的实例代码
2013/07/04 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
Jquery中ajax方法data参数的用法小结
2014/02/12 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
使用angular帮你实现拖拽的示例
2017/07/05 Javascript
在 Node.js 中使用 async 函数的方法
2017/11/17 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
微信小程序实现渐入渐出动画效果
2019/06/13 Javascript
js获取 gif 的帧数的代码实例
2019/09/10 Javascript
高效jQuery选择器的5个技巧实例分析
2019/11/26 jQuery
如何实现vue的tree组件
2020/12/03 Vue.js
python利用socketserver实现并发套接字功能
2018/01/26 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
分享一枚pycharm激活码适用所有pycharm版本我的pycharm2020.2.3激活成功
2020/11/20 Python
基于Pytorch版yolov5的滑块验证码破解思路详解
2021/02/25 Python
python 对xml解析的示例
2021/02/27 Python
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
如何查找和删除数据库中的重复数据
2014/11/05 面试题
params有什么用
2016/03/01 面试题
优秀应届毕业生推荐信
2014/02/18 职场文书
公司年会抽奖活动主持词
2014/03/31 职场文书
乐山大佛导游词
2015/02/02 职场文书
2016新年年会主持词
2015/07/06 职场文书
医务人员岗前培训心得体会
2016/01/08 职场文书
2016读书月活动心得体会
2016/01/14 职场文书
《哪吒之魔童降世》观后感:世上哪有随随便便的成功
2019/11/08 职场文书
详解MySQL 联合查询优化机制
2021/05/10 MySQL
方法汇总:Python 安装第三方库常用
2022/04/26 Python
win11开机发生死循环重启怎么办?win11开机发生死循环重启解决方法
2022/08/05 数码科技