繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 连动下拉菜单
- HTML/XHTML教程
- 网页经典代码（二)
- 网页经典代码（三)
- 网页经典代码（四）
- 网页经典代码（五）
- 网页经典代码（六）
- JavaScript 中的replace方法
- 我有我主张！随心所欲的定制“弹出窗口”
- JavaScript技术讲座-JavaScript语言概况
- JavaScript技术讲座-基本数据结构
- JavaScript技术讲座-程序构成
- JavaScript技术讲座-基于对象的JavaScript语言
- JavaScript技术讲座-创建新对象
- JavaScript技术讲座-使用内部对象系统
- 网页加密攻略全集
- 防止网页内容被拷贝的方法
- 让JavaScript弹出窗口变得体贴一些
- 轻松弹出无边框网页的Javscrpt代码
- 强制设为首页代码
- 几行代码轻松搞定网页的简繁转换
- 打印网页时去掉页眉页脚
HTML/XHTML教程 中的 连动下拉菜单
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 65 ::
收藏到网摘: 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
