下拉列表的错误，冲搞了好几遍都不行，请各位英雄帮忙，点产品大类，小累不跟着变化，下面是源程序

这是select二级联动的问题!可以参考http://www.phpchina.com/?13562/action_viewspace_itemid_3543.html

解决方案 »

  1.   

    哈哈, 看起来很想我N久前写的一个呀...3.1 二级联动
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript">
    //<![CDATA[
    var ar=[];
    var cat=cat_='';
    var ct=0;
    for(var i=0; i<10; i++){
    for(var j=0; j<10; j++){
    if(j==0)cat='父类别 '+i; else cat='';
    cat_='父类别 '+i+' 子类别: '+j;
    ar[ct++]=new Array(i, cat, j, cat_);
    }
    }
    function showCat(){
    var catItem=cat1Item=0;
    document.getElementById('cat').length=0;

    for(i=0; i < ar.length;i++){
    if (ar[i][1]!==''){
    document.getElementById('cat').options[catItem++]=new Option(ar[i][1],ar[i][0]);
    }
    if(ar[i][0]==0){
    document.getElementById('cat1').options[cat1Item++]=new Option(ar[i][3],ar[i][2]);
    }
    } //shawl.qiu script
    }
    window.onload=showCat;

    function catChg(){
    var cat1Item=0;
    var catSleVal=document.getElementById('cat').value;
    document.getElementById('cat1').length=0;

    for (i=0;i<ar.length;i++){
    if(ar[i][0]==catSleVal){
    document.getElementById('cat1').options[cat1Item++]=new Option(ar[i][3],ar[i][2]);
    }
    }//shawl.qiu script
    }
    //]]>
    </script>
    </head>
    <body>
    <form action="" method="post" name="ubbForm" id="ubbForm">
      <select name="cat" id="cat" onchange="catChg()">
      </select>
      <select name="cat1" id="cat1">
      </select>  
      <br />
    </form>
    </body>
    </html>3.1.1 二级联动 1
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <script type="text/javascript">
    //<![CDATA[
    var ar=[];
    var cat=cat_='';
    var ct=0;
    for(var i=0; i<10; i++){
    for(var j=0; j<10; j++){
    /* if(j==0) */cat='父类别 '+i;/*  else cat=''; */
    cat_='父类别 '+i+' 子类别: '+j;
    ar[ct++]=new Array(i, cat, j, cat_);
    }
    }
    function fClrRddcAr(ar, dms){
    var temp='';
    var bln=false;
    for(var i=0; i<ar.length; i++){
    if(temp==ar[i][dms]){
    ar[i][dms]='';
    bln=true;
    } else bln=false;
    if(!bln) {
    temp=ar[i][dms];
    bln=true;
    }
    }
    return ar;
    }
    ar=fClrRddcAr(ar, 1);

    function showCat(){
    var catItem=cat1Item=0;
    document.getElementById('cat').length=0;
    var ck=0;
    for(i=0; i < ar.length;i++){
    if (ar[i][1]!==''){
    document.getElementById('cat').options[catItem++]=new Option(ar[i][1],ar[i][0]);
    ck++;
    }
    if(ck>1)continue;
    document.getElementById('cat1').options[cat1Item++]=new Option(ar[i][3],ar[i][2]);
    } //shawl.qiu script
    }

    function catChg(){
    var cat1Item=0;
    var catSleVal=document.getElementById('cat').value;
    document.getElementById('cat1').length=0;

    for (i=0;i<ar.length;i++){
    if(ar[i][0]==catSleVal){
    document.getElementById('cat1').options[cat1Item++]=new Option(ar[i][3],ar[i][2]);
    }
    }//shawl.qiu script
    }

    onload=function(){
    showCat();
    }//]]>
    </script>
    </head>
    <body>
    <form action="" method="post" name="ubbForm" id="ubbForm">
      <select name="cat" id="cat" onchange="catChg()">
      </select>
      <select name="cat1" id="cat1">
      </select>  
      <br />
    </form>
    </body>
    </html>