js省市级联菜单
精贴
置顶
5310
0
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<html>
<head>
<title>New Document </title>
<script language=”JavaScript”>
var city=
[
["北京","天津","上海","重庆"],
["南京","苏州","南通","常州"],
["福州","福安","龙岩","南平"],
["广州","潮阳","潮州","澄海"],
["兰州","白银","定西","敦煌"]
];
function getCity(){ //定义getCity()函数
var sltProvince=document.getElementById(“province”);
//定义sltProvince变量, document.getElementByid(“province”)取得<select id=province的值>
var sltCity=document.getElementById(“city”);
//取得<select id=city的值>
var provinceCity=city[sltProvince.selectedIndex-1];//定义数组长度，由于数组下标从0开始，所以减1
//city[sltprovince.selectedIndex-1],这里的selectedIndex就不明白了，拜托讲得详细一些
sltCity.length=1;//这里也不太明白，length是什么,为什么赋值1
//length是select的option数组长度，初始值为1，因为默认有只有一个选项‘请选择所在城市’
for(var i=0;i<provinceCity.length;i++){ //
sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);//
}
}
</script>
</head>
<body>
<form>
<select name=”province” id=”province” onchange=”getCity()”>
<option value=”0″>请选择所在省份</option>
<option value=”直辖市”>直辖市</option>
<option value=”江苏省”>江苏省</option>
<option value=”福建省”>福建省</option>
<option value=”广东省”>广东省</option>
<option value=”甘肃省”>甘肃省</option>
</select>
<select id=”city” name=”city”>
<option value=”0″>请选择所在城市</option>
</select>
</form>
</body>
</html>
今日天气
···
···
···
···
近一月回答榜 - TOP 12
wuxuxiao
钻石VIP
qwe2466985
超级会员
yu_rebecca
黄金会员
wuxiao2882
青铜会员
a448155162
普通会员
messi
普通会员
85xinxi
普通会员
fushang369
普通会员
wawa512com
普通会员
zhuangjunhua
普通会员
ucase
普通会员
xuchunyun
普通会员
博客标签
- 热门排行
- CSS cursor鼠标样式一览表 2012-06-25
- .NET后台写JS代码 2011-11-03
- 网站地址多出jdfwkey的问题解析及... 2010-08-25
- 数据库xxx的日志已满,请备份该数... 2013-07-19
- 百度、google、Yahoo网站地图制作... 2011-01-30
- <a>标签的伪类书写顺序问题... 2010-09-04
- 什么是长尾关键词？ 2010-09-24
- CEO名言 2010-08-31
- Mysql 主从数据库同步 2010-09-12
- 用ASP实现网页BBS 2010-11-01
- 博主推荐
- 本个人博客微信公众平台上线啦~~... 2013-10-13
- 饼哥网络互联上线啦~~要买域名空... 2013-09-20
- 网站title标题如何正确修改不会被... 2013-08-26
- 饼哥通讯录系统上线啦，欢迎大家... 2013-08-24
- ASP .NET MYSQL 的简单分页 并不... 2013-08-19
- 网站有弹窗广告这样的站点，百度... 2013-08-17
- 做淘宝SEO优化需要注意的8大问题 2013-08-17
- 淘宝网怎么做SEO优化 2013-08-17
- 站长们要学习的“苍井空精神” 2013-08-17
- 苹果公司今日发布了iOS 7第五个开... 2013-08-07
- 随便看看
- IIS 上传文件大小配置步骤(默认2... 2012-05-31
- 日志中的HTTP状态码都代表什么？ 2010-09-08
- Description Tag-描述标签 2010-09-19
- 远程修改Serv-U FTP用户的登录密... 2010-09-02
- 适用javaScript技术总结：屏蔽类 2013-06-27
- 网线水晶头接法 2010-11-23
- objective-c 使用文件(一) 2013-06-21
- windows已经阻止此软件因为无法验... 2013-06-26
- id与class、padding和margin、mi... 2010-09-06
- 解决在.NET 4.0下无法发送包含尖... 2013-11-16
- RSS新闻
- 传媒新闻
- CSDN
- 八卦新闻
- 女性新闻
- 台湾新闻
- 互联网
- 军事-新浪博客
- IT-新浪博客
- 汽车新闻
- 游戏新闻
- 国际新闻
- 国内新闻
- 体育新闻
- 我的微博