<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> 
---------------感谢!

解决方案 »

  1.   

    试下<script language='javascript'>  
    //将三级列表中的人员属性清空  
    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>  
      

  2.   

    <select size="1" name="dept" ONCHANGE="removeop(); Obj=this.form.sub;Obj.innerHTML=''; eval(sSele[this.value]);">    这行报错。
      

  3.   


    <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>  
    大概思路就是这样了,具体的再改下就可以了
      

  4.   

    <select size="1" name="dept" ONCHANGE="removeop(); Obj=this.form.sub;Obj.innerHTML=''; eval(sSele[this.value]);">     这行报错。
      

  5.   

    eval()这个函数参数里面是可执行语句行不行啊?