1.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" lang="gb2312">
<head>
<head>
<title> 代码实例:级联菜单 </title>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<meta name="author" content="枫岩,CNLei.y.l@gmail.com">
</head>
<body>
<select id="BigCate" name="BigCate" size="1" οnchange="Redirect(this.options.selectedIndex)">
<option value="">全市</option>
<option value="">主城区</option>
<option value="">分公司</option>
</select>
<select id="SmlCate" name="SmlCate" size="1">
<option value="1">全市</option>
</select>
<script type="text/javascript">
<!--
var groups = document.getElementById("BigCate").options.length;
var group = new Array(groups)
for (i = 0; i < groups; i ++)
group[i] = new Array()
group[0][0] = new Option("全市","ALL")
group[1][0] = new Option("北部新区局","CJ0")
group[1][1] = new Option("杨家坪局","CY0")
group[2][0] = new Option("渝北电信公司","CF0")
group[2][1] = new Option("璧山电信公司","CA0")
var temp = document.getElementById("SmlCate");
function Redirect(x){
//alert(x);
for (m = temp.options.length-1; m > 0; m --)
temp.options[m] = null
for (i = 0; i < group[x].length; i ++){
temp.options[i] = new Option(group[x][i].text,group[x][i].value);
alert(group[x][i].value);
}
temp.options[0].selected = true
}
//-->
</script>
</body>
</html>
2644
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
