javascript二级省市select联动菜单

需要用到这种效果，但是看到网上找的写得又太高深，干脆就自动动手了，，哈哈。。。

先写了个二级的，三级的原理也是一样的啦，不过目前我都没用到它。。。

打个包给分享给需要的朋友吧，一定要location_cn.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>无标题文档</title>
<style type="text/css">
select{width:88px;}
</style>
<script type="text/javascript" src="location_cn.js"></script>
<script type="text/javascript">
window.onload=function(){var oProvince=document.form1.province;var oCity=document.form1.city;var oBtn=document.getElementById('btn1');for(var i=0;i<aProvince.length;i++){oProvince.options[i]=new Option(aProvince[i]);}for(var i=0;i<aCity[0].length;i++){oCity.options[i]=new Option(aCity[0][i]);}oProvince.onchange=function(){oCity.length=0;for(var i=0;i<aCity[this.selectedIndex].length;i++){oCity.options[i]=new Option(aCity[this.selectedIndex][i]);}};oBtn.onclick=function(){alert('哇哦！您的所在地是：【'+oProvince.options[oProvince.selectedIndex].text+' - '+oCity.options[oCity.selectedIndex].text+'】');    };
};</script>
</head><body>
<form name="form1"><select name="province"></select><select name="city"></select><input type="button" value="提交" id="btn1" />
</form>
</body>
</html>

转载于:https://www.cnblogs.com/hejia/archive/2013/03/08/2950333.html

javascript二级省市select联动菜单相关推荐

ASP+XML+JavaScript实现动态无限级联动菜单
我做某个项目时,有需求的是做一个动态的无限级的联动菜单.由于本人比较懒于是上网找找有关的代码,但很多都没有满足需求,其中有一编文章是用JavaScript对XML文件操作来实现无限级联动菜单的,我们可 ...
ajax实现多级联动菜单,jquery 实现二级/三级/多级联动菜单的思路及代码
本文介绍使用jquery的AJAX功能和asp.net来实现省市区的三级联动效果,其他二级.三级或多级联动也可以按照此方法完成. 文章中涉及到的数据表为City,为方便管理. 设计此表如下 ID:自增 ...
javascript 二级动态下拉菜单选项
</tr> <script language = "JavaScript"> var onecount2; subcat2 = new Array(); o ...
ajax js java省市三级联动菜单,AJAX省市区三级联动下拉菜单(java版)
此小程序的功能主要是采用异步请求方式从数据库中调取省市区信息显示到下拉列表: 代码如下: 建立数据库中的代码和一些配置文件信息就省略了,主要有javascript中的代码为: $(document). ...
JS省市二级联动菜单,sky整理收集。
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
JavaScript实现省市二级联动
JavaScript实现省市二级联动展示一下效果? 当我鼠标点击前面的省那一栏的时候后面市那一栏会出现相对应的下辖市实现思路 1. 添加相对应的select容器 2. 然后添加数据 3. ...
前端：JS/35/二级联动菜单，select对象，select对象的属性，option对象，option对象属性，实例：省份列表与城市列表的联动
二级联动菜单 select 对象一个<select>标记,对应一个select对象: select对象的属性 1,options[] :设置或返回下拉列表中<option>标 ...
JavaScript实际应用简单二级联动菜单实现
分享一下我老师大神的人工智能教程!零基础,通俗易懂!http://blog.csdn.net/jiangjunshow 也欢迎大家转载本篇文章.分享知识,造福人民,实现我们中华民族伟大复兴! 今天需要 ...
HTML/CSS——form表单select联动（JavaScript方法）
下拉列表:二级联动菜单 Select对象的常用属性 options[]:返回所有option组成的一个数组: name:名称 value:option的value的值 length:设置或读取opti ...
asp+ajax菜单,AJAX_基于asp+ajax和数据库驱动的二级联动菜单，index.asp 页面代码复制代码代 - phpStudy...
基于asp+ajax和数据库驱动的二级联动菜单 index.asp 页面代码复制代码代码如下: set cmd = conn.execute("select bigclassid,big ...

javascript二级省市select联动菜单

javascript二级省市select联动菜单相关推荐

最新文章

热门文章