学习ajax－二级联动下拉列表
2006-09-25 15:51
239 查看
这两天学习ajax，也不知道从哪里入手，搜索了网上的一些资料，大多都是简介性质的，没有渐进学习的资料，买了一本书，现在看了一些，大多都是js方面的资料。
今天学习了一下：二级联动下拉列表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<script language="JavaScript" type="text/javascript">
<!--
//按照省份下拉列表框的顺序定义二维数组，将城市列表对应到省份
var city=[
["北京","天津","上海","重庆"], //直辖市
["南京","苏州","南通","常州"], //江苏省
["福州","福安","龙岩","南平"], //福建省
["广州","潮阳","潮州","澄海"], //广东省
["兰州","白银","定西","敦煌"] //甘肃省
];
function getCity(){
//获得身省份和城市下拉列表框的引用
var sltProvince=document.forms["theForm"].elements["province"];
var sltCity=document.forms["theForm"].elements["city"];
//得到对应于省份的城市列表数组
var provinceCity=city[sltProvince.selectedIndex-1];
//将城市下拉列表框清空，仅留第一个提示选项
sltCity.length=1;
//将相应省市的城市填充到城市选择框中
for(var i=0;i<provinceCity.length;i++){
//创建新的Option对象并将其添加到城市下拉列表框中
sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);
}
}
//-->
</script>
</head>
<body>
<form action="somepage.asp" name="theForm">
<select name="province" onchange="getCity()">
<option value="0">请选择所在省份</option>
<option value="直辖市">直辖市</option>
<option value="江苏省">江苏省</option>
<option value="福建省">福建省</option>
<option value="广东省">广东省</option>
<option value="甘肃省">甘肃省</option>
</select>
<select name="city">
<option value="0">请选择所在城市</option>
</select>
</form>
</body>
</html>
今天学习了一下：二级联动下拉列表
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<script language="JavaScript" type="text/javascript">
<!--
//按照省份下拉列表框的顺序定义二维数组，将城市列表对应到省份
var city=[
["北京","天津","上海","重庆"], //直辖市
["南京","苏州","南通","常州"], //江苏省
["福州","福安","龙岩","南平"], //福建省
["广州","潮阳","潮州","澄海"], //广东省
["兰州","白银","定西","敦煌"] //甘肃省
];
function getCity(){
//获得身省份和城市下拉列表框的引用
var sltProvince=document.forms["theForm"].elements["province"];
var sltCity=document.forms["theForm"].elements["city"];
//得到对应于省份的城市列表数组
var provinceCity=city[sltProvince.selectedIndex-1];
//将城市下拉列表框清空，仅留第一个提示选项
sltCity.length=1;
//将相应省市的城市填充到城市选择框中
for(var i=0;i<provinceCity.length;i++){
//创建新的Option对象并将其添加到城市下拉列表框中
sltCity[i+1]=new Option(provinceCity[i],provinceCity[i]);
}
}
//-->
</script>
</head>
<body>
<form action="somepage.asp" name="theForm">
<select name="province" onchange="getCity()">
<option value="0">请选择所在省份</option>
<option value="直辖市">直辖市</option>
<option value="江苏省">江苏省</option>
<option value="福建省">福建省</option>
<option value="广东省">广东省</option>
<option value="甘肃省">甘肃省</option>
</select>
<select name="city">
<option value="0">请选择所在城市</option>
</select>
</form>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- AJAX+ASP.NET无刷新二级联动省市下拉列表
- Ajax二级联动下拉列表
- AJAX之二级联动下拉列表
- 一个无刷新二级联动下拉列表,同样适用与firefox,这算ajax么?
- 一个无刷新二级联动下拉列表,同样适用与firefox,这算ajax么?
- JAVA EE 项目常用知识 之AJAX技术实现select下拉列表联动的两种用法（让你真正理解ajax）
- Ajax制作的下拉列表三级联动
- JS无刷新二级联动省市下拉列表
- 下拉列表联动总结（AJAX下拉列表联动简单示例）
- JSDom加载解析XML文件——下拉列表二级联动篇
- struts+dwr实现下拉列表的二级联动
- Select标签下拉列表二级联动级联实例代码
- ajax三级下拉列表联动
- 省市二级联动 通过省份选择城市 JS的简单应用 二级下拉列表
- js入门·表单元素（select下拉列表）制作二级联动菜单和网站导航
- js二级联动下拉列表
- 二级联动 三级联动 多级联动 无限级联动下拉列表或菜单专题
- Ajax制作二级联动下拉列表框
- 用Jquery做省市二级联动下拉列表
- AJAX解析XML实例之下拉框二级联动