<script language='javascript'>
//将三级列表中的人员属性清空
function removeop()
{
var long = document.input.ssub.options.length;
var oOption = document.createElement("OPTION");
for(var i=0;i<=long;i++)
document.input.ssub.options.remove(i);
document.input.ssub.options.remove(0);
oOption.text="请选择人员属性";
oOption.value="0";
document.input.ssub.add(oOption);
}
</script>
<SCRIPT LANGUAGE="JavaScript">
var sSele = new Array; //用于储存member表信息
var sSele1 = new Array; //用于储存attribute表信息
sSele[0] = 'Obj.add(Option("请选择部门人员","0"));';
sSele1[0] = 'Obj.add(Option("请选择人员属性","0"));';
sSele[1]='Obj.add(Option("请选择人员","0"));';
sSele[2]='Obj.add(Option("请选择人员","0"));';
sSele[3]='Obj.add(Option("请选择人员","0"));';
sSele[4]='Obj.add(Option("请选择人员","0"));';
sSele[5]='Obj.add(Option("请选择人员","0"));';
sSele[7]='Obj.add(Option("请选择人员","0"));';
sSele[7]=sSele[7]+'Obj.add(Option("大自然","1"));';
sSele[7]=sSele[7]+'Obj.add(Option("圣象","2"));';
sSele[7]=sSele[7]+'Obj.add(Option("书香门第","3"));';
sSele[8]='Obj.add(Option("请选择人员","0"));';
sSele[8]=sSele[8]+'Obj.add(Option("诺贝尔","4"));';
sSele[8]=sSele[8]+'Obj.add(Option("马可波罗","5"));';
sSele[9]='Obj.add(Option("请选择人员","0"));';
sSele[10]='Obj.add(Option("请选择人员","0"));';
sSele[11]='Obj.add(Option("请选择人员","0"));';
sSele1[1]='Obj.add(Option("请选择属性","0"));';
sSele1[1]=sSele1[1]+'Obj.add(Option("仿古系列1代","1"));';
sSele1[1]=sSele1[1]+'Obj.add(Option("烤瓷系列","2"));';
sSele1[2]='Obj.add(Option("请选择属性","0"));';
sSele1[2]=sSele1[2]+'Obj.add(Option("三合一系列","3"));';
sSele1[2]=sSele1[2]+'Obj.add(Option("节日特价","4"));';
sSele1[3]='Obj.add(Option("请选择属性","0"));';
sSele1[4]='Obj.add(Option("请选择属性","0"));';
sSele1[5]='Obj.add(Option("请选择属性","0"));';
</SCRIPT>
</head>
<body>
<form name="input" method="post" action="#">
<table width="670" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#3366FF">
<tr bgcolor="#ffffff">
<td bgcolor="#C4DFFB"></td>
<td bgcolor="#C4DFFB">
<select size="1" name="dept" ONCHANGE="removeop(); Obj=this.form.sub; eval(sSele[this.value]);">
<option value="0">--请选择材料--</option>
<option value = '1'>水电材料</option>
<option value = '2'>瓦木材料</option>
<option value = '3'>油漆材料</option>
<option value = '4'>安装材料</option>
<option value = '5'>其他材料</option>
<option value = '7'>地板</option>
<option value = '8'>瓷砖</option>
<option value = '9'>墙纸</option>
<option value = '10'>家俱</option>
<option value = '11'>灯具</option>
</select>
</td>
</tr>
<tr bgcolor="#ffffff">
<td bgcolor="#C4DFFB"></td>
<td bgcolor="#C4DFFB">
<select size="1" name="sub" ONCHANGE="Obj=this.form.ssub; Obj.innerHTML=''; eval(sSele1[this.value]);">
<option value="0">请选择材料名称</option>
</select>
</td>
</tr>
<tr bgcolor="#ffffff">
<td bgcolor="#C4DFFB"></td>
<td bgcolor="#C4DFFB">
<select size="1" name="ssub">
<option value="0">请选择材料类型</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
---------------感谢!
//将三级列表中的人员属性清空
function removeop()
{
document.input.sub.options.length = 0;
document.input.ssub.options.length = 0;
var oOption = document.createElement("OPTION");
oOption.text="请选择人员属性";
oOption.value="0";
document.input.sub.add(oOption);
}
</script>
<SCRIPT LANGUAGE="JavaScript">
var sSele = new Array; //用于储存member表信息
var sSele1 = new Array; //用于储存attribute表信息
sSele[0] = 'Obj.add(Option("请选择部门人员","0"));';
sSele1[0] = 'Obj.add(Option("请选择人员属性","0"));';
sSele[1]='Obj.add(Option("请选择人员","0"));';
sSele[2]='Obj.add(Option("请选择人员","0"));';
sSele[3]='Obj.add(Option("请选择人员","0"));';
sSele[4]='Obj.add(Option("请选择人员","0"));';
sSele[5]='Obj.add(Option("请选择人员","0"));';
sSele[7]='Obj.add(Option("请选择人员","0"));';
sSele[7]=sSele[7]+'Obj.add(Option("大自然","1"));';
sSele[7]=sSele[7]+'Obj.add(Option("圣象","2"));';
sSele[7]=sSele[7]+'Obj.add(Option("书香门第","3"));';
sSele[8]='Obj.add(Option("请选择人员","0"));';
sSele[8]=sSele[8]+'Obj.add(Option("诺贝尔","4"));';
sSele[8]=sSele[8]+'Obj.add(Option("马可波罗","5"));';
sSele[9]='Obj.add(Option("请选择人员","0"));';
sSele[10]='Obj.add(Option("请选择人员","0"));';
sSele[11]='Obj.add(Option("请选择人员","0"));';
sSele1[1]='Obj.add(Option("请选择属性","0"));';
sSele1[1]=sSele1[1]+'Obj.add(Option("仿古系列1代","1"));';
sSele1[1]=sSele1[1]+'Obj.add(Option("烤瓷系列","2"));';
sSele1[2]='Obj.add(Option("请选择属性","0"));';
sSele1[2]=sSele1[2]+'Obj.add(Option("三合一系列","3"));';
sSele1[2]=sSele1[2]+'Obj.add(Option("节日特价","4"));';
sSele1[3]='Obj.add(Option("请选择属性","0"));';
sSele1[4]='Obj.add(Option("请选择属性","0"));';
sSele1[5]='Obj.add(Option("请选择属性","0"));';
</SCRIPT>
</head>
<body>
<form name="input" method="post" action="#">
<table width="670" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#3366FF">
<tr bgcolor="#ffffff">
<td bgcolor="#C4DFFB"></td>
<td bgcolor="#C4DFFB">
<select size="1" name="dept" ONCHANGE="removeop(); Obj=this.form.sub; eval(sSele[this.value]);">
<option value="0">--请选择材料--</option>
<option value = '1'>水电材料</option>
<option value = '2'>瓦木材料</option>
<option value = '3'>油漆材料</option>
<option value = '4'>安装材料</option>
<option value = '5'>其他材料</option>
<option value = '7'>地板</option>
<option value = '8'>瓷砖</option>
<option value = '9'>墙纸</option>
<option value = '10'>家俱</option>
<option value = '11'>灯具</option>
</select>
</td>
</tr>
<tr bgcolor="#ffffff">
<td bgcolor="#C4DFFB"></td>
<td bgcolor="#C4DFFB">
<select size="1" name="sub" ONCHANGE="Obj=this.form.ssub; Obj.innerHTML=''; eval(sSele1[this.value]);">
<option value="0">请选择材料名称</option>
</select>
</td>
</tr>
<tr bgcolor="#ffffff">
<td bgcolor="#C4DFFB"></td>
<td bgcolor="#C4DFFB">
<select size="1" name="ssub">
<option value="0">请选择材料类型</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
<script language='javascript'> var firstValue = 0;var $ = function (id) {
return document.getElementById(id);
}function change1 (obj) {
if (obj.value == firstValue) {
return;
}
$('sub').length = 1; //清空
$('ssub').length = 1;
firstValue = obj.value;
//接下来想添加什么就添加什么值
if (obj.value == 1) { var content = [{value : 'aaa', attr : '111'}, {value : 'bbb', attr : '222'}];
for (var i = 0; i < content.length; i++) {
$('sub').add(new Option(content[i].value, content[i].attr));
}
}}
function change2 (obj) { //类似change1
$('ssub').length = 1; var content = [{value : 'ccc', attr : '333'}, {value : 'ddd', attr : '444'}]; for (var i = 0; i < content.length; i++) {
$('ssub').add(new Option(content[i].value, content[i].attr));
} firstValue = obj.value;
}
</SCRIPT>
</head>
<body>
<form name="input" method="post" action="#">
<table width="670" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#3366FF"> <tr bgcolor="#ffffff">
<td bgcolor="#C4DFFB"></td>
<td bgcolor="#C4DFFB">
<select size="1" name="dept" ONCHANGE="change1(this)">
<option value="0">--请选择材料--</option>
<option value = '1'>水电材料</option>
<option value = '2'>瓦木材料</option>
<option value = '3'>油漆材料</option>
<option value = '4'>安装材料</option>
<option value = '5'>其他材料</option>
<option value = '7'>地板</option>
<option value = '8'>瓷砖</option>
<option value = '9'>墙纸</option>
<option value = '10'>家俱</option>
<option value = '11'>灯具</option>
</select>
</td>
</tr>
<tr bgcolor="#ffffff">
<td bgcolor="#C4DFFB"></td>
<td bgcolor="#C4DFFB">
<select size="1" name="sub" ONCHANGE="change2(this)" id='sub'>
<option value="0">请选择材料名称</option>
</select>
</td>
</tr>
<tr bgcolor="#ffffff">
<td bgcolor="#C4DFFB"></td>
<td bgcolor="#C4DFFB">
<select size="1" name="ssub" id='ssub'>
<option value="0">请选择材料类型</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
大概思路就是这样了,具体的再改下就可以了