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 相关文章推荐
javascript 网页跳转的方法
Dec 24 Javascript
JavaScript 调试器简介
Feb 21 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
Feb 01 Javascript
用于deeplink的js方法(判断手机是否安装app)
Apr 02 Javascript
javascript类型转换示例
Apr 29 Javascript
JS判断、校验MAC地址的2个实例
May 05 Javascript
js delete 用法(删除对象属性及变量)
Aug 24 Javascript
利用Vue.js指令实现全选功能
Sep 08 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
Apr 24 Javascript
js字符限制(字符截取) 一个中文汉字算两个字符
Sep 12 Javascript
django js 实现表格动态标序号的实例代码
Jul 12 Javascript
javascript函数式编程基础
Sep 15 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学习 运算符与运算符优先级
2008/06/15 PHP
解析php中mysql_connect与mysql_pconncet的区别详解
2013/05/15 PHP
PHP网站建设的流程与步骤分享
2015/09/25 PHP
[原创]PHP正则删除html代码中a标签并保留标签内容的方法
2017/05/23 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
Javascript var变量隐式声明方法
2009/10/19 Javascript
javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element
2010/01/05 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
2012/02/27 Javascript
js中apply方法的使用详细解析
2013/11/04 Javascript
javascript unicode与GBK2312(中文)编码转换方法
2013/11/14 Javascript
微信小程序利用co处理异步流程的方法教程
2017/05/20 Javascript
了解VUE的render函数的使用
2017/06/08 Javascript
axios进阶实践之利用最优雅的方式写ajax请求
2017/12/20 Javascript
Vue v2.4中新增的$attrs及$listeners属性使用教程
2018/01/08 Javascript
vue-cli3.0 特性解读
2018/04/22 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
2018/09/05 jQuery
JavaScript实现新年倒计时效果
2018/11/17 Javascript
vue本地打开build后生成的dist文件夹index.html问题
2019/09/04 Javascript
vue实现抽屉弹窗效果
2020/11/15 Javascript
Python实现的下载8000首儿歌的代码分享
2014/11/21 Python
python实现给数组按片赋值的方法
2015/07/28 Python
python爬虫获取小区经纬度以及结构化地址
2018/12/30 Python
对Python发送带header的http请求方法详解
2019/01/02 Python
应用电子专业学生的自我评价
2013/10/16 职场文书
护理学应聘自荐书范文
2014/02/05 职场文书
教师节演讲稿
2014/05/06 职场文书
初中生庆国庆演讲稿范文2014
2014/09/25 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
幼儿园园长个人总结
2015/03/02 职场文书
2015年百日安全活动总结
2015/03/26 职场文书
2015年幼师工作总结
2015/04/28 职场文书
初中教务主任竞聘演讲稿(范文)
2019/08/20 职场文书
读《钢铁是怎样炼成的》有感:百炼方成钢
2019/11/05 职场文书
《时代广场的蟋蟀》读后感:真挚友情,温暖世界!
2020/01/08 职场文书
Log4j.properties配置及其使用
2021/08/02 Java/Android
Python实现Excel文件的合并(以新冠疫情数据为例)
2022/03/20 Python