繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 连动下拉菜单
- HTML/XHTML教程
- HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT
- XHTML教程:针对初学者的XHTML基础
- HTML表格标记教程(27):单元格的背景图像属性BACKGROUND
- HTML表格标记教程(26):单元格标记
- HTML表格标记教程(24):行的水平对齐属性ALIGN
- HTML表格标记教程(25):行的垂直对齐属性VALIGN
- HTML表格标记教程(22):行的亮边框色属性BORDERCOLORLIGHT
- HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK
- HTML表格标记教程(20):行的背景色属性BGCOLOR
- HTML表格标记教程(21):行的边框色属性BORDERCOLOR
- HTML表格标记教程(19):行标记
- HTML表格标记教程(17):表格标题垂直对齐属性VALIGN
- HTML表格标记教程(18):表格的表头
- HTML表格标记教程(15):表格的标题
- HTML表格标记教程(16):标题水平对齐属性ALIGN
- HTML表格标记教程(13):内部边框样式属性RULES
- HTML表格标记教程(14):表格的表头
- HTML教程：html水平线段
- XHTML入门学习教程:表格标签的应用
- XHTML入门学习教程:XHTML网页图片应用
HTML/XHTML教程 中的 连动下拉菜单
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 43 ::
收藏到网摘: n/a
<html>
<head>
<title>List</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script LANGUAGE="javascript">
<!--
var onecount;
onecount=0;
subcat = new Array();
subcat[0] = new Array("徐汇区","01","001");
subcat = new Array("嘉定区","01","002");
subcat = new Array("黄浦区","01","003");
subcat = new Array("南昌市","02","004");
subcat = new Array("九江市","02","005");
subcat = new Array("上饶市","02","006");
onecount=6;
function changelocation(locationid)
{
document.myform.smalllocation.length = 0;
var locationid=locationid;
var i;
document.myform.smalllocation.options[0] = new Option('====所有地区====','');
for (i=0;i < onecount; i++)
{
if (subcat[i] == locationid)
{
document.myform.smalllocation.options[document.myform.smalllocation.length] = new Option(subcat[i][0], subcat[i]);
}
}
}
//-->
</script>
</head>
<body>
<form name="myform" method="post">
<select name="biglocation" onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)">
<option value="01" selected>上海</option>
<option value="02">江西</option>
</select>
<select name="smalllocation">
<option selected value="">==所有地区==</option>
</select>
</form>
<script LANGUAGE="javascript">
<!--
changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value);
//-->
</script>
</body>
</html>
评论 (0) All
