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仿flash上传头像效果实现代码
Jul 18 Javascript
JS的千分位算法实现思路
Jul 31 Javascript
jQuery 追加元素的方法如append、prepend、before
Jan 16 Javascript
jQuery实现html元素拖拽
Jul 21 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
Jun 14 Javascript
详解vue-cli 接口代理配置
Dec 13 Javascript
vue根据进入的路由进行原路返回的方法
Sep 26 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
如何优雅地在Node应用中进行错误异常处理
Nov 25 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
Jul 24 Javascript
解决vue bus.$emit触发第一次$on监听不到问题
Jul 28 Javascript
React forwardRef的使用方法及注意点
Jun 13 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
什么是MVC,好东西啊
2007/05/03 PHP
Laravel学习笔记之Artisan命令生成自定义模板的方法
2018/11/22 PHP
Javascript----文件操作
2007/01/18 Javascript
javascript 日历提醒系统( 兼容所有浏览器 )
2009/04/07 Javascript
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
JavaScript打字小游戏代码
2011/12/26 Javascript
jquery ajax例子返回值详解
2012/09/11 Javascript
基于JQuery的一句话搞定手风琴菜单
2012/09/14 Javascript
JS写的贪吃蛇游戏(个人练习)
2013/07/08 Javascript
点击弹出层外区域关闭弹出层jquery特效示例
2013/08/25 Javascript
js带按钮的提示框可供选择示例代码
2013/09/17 Javascript
js自定义鼠标右键的实现原理及源码
2014/06/23 Javascript
JS中的==运算: [''] == false —&gt;true
2016/07/24 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
原生js获取浏览器窗口及元素宽高常用方法集合
2017/01/18 Javascript
利用jQuery实现一个简单的表格上下翻页效果
2017/03/14 Javascript
Vue如何将页面导出成PDF文件
2020/08/17 Javascript
在vue中通过render函数给子组件设置ref操作
2020/11/17 Vue.js
python 实现删除文件或文件夹实例详解
2016/12/04 Python
Python 虚拟空间的使用代码详解
2019/06/10 Python
基于python实现地址和经纬度转换
2020/05/19 Python
Django框架实现在线考试系统的示例代码
2020/11/30 Python
五分钟学会怎么用python做一个简单的贪吃蛇
2021/01/12 Python
canvas压缩图片以及卡片制作的方法示例
2018/12/04 HTML / CSS
猫咪家具:CatsPlay
2018/11/03 全球购物
Java工程师面试集锦之Spring框架
2013/06/16 面试题
大专学生推荐信范文
2013/11/19 职场文书
《落花生》教学反思
2014/02/25 职场文书
工商管理专业大学生职业生涯规划范文
2014/03/09 职场文书
体育运动口号
2014/06/09 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
学生会个人总结范文
2015/02/15 职场文书
2015学校图书管理员工作总结
2015/05/11 职场文书
小学生运动会广播
2015/08/19 职场文书
javascript遍历对象的五种方式实例代码
2021/10/24 Javascript