Fórum CodigosnaWeb.com

subcat.options IS undefined
subcat.options.LENGTH = 0;

function trataProduto()
    {
      subcat = document.forms[0].produto;
      subcat.options.length = 0; //AQUI ESTÁ O ERRO!!!!
      subcat.options[0] = new Option("Carregando...","teste");
      if (ajax.readyState == 4) {
        subcat.options.length = 0;
       
       results = ajax.responseText.split(",");
        subcat.options[0] = new Option( "Selecione", "selecione" );
       for( i = 0 ; i < results.length; i++)
        {
          string = results[i].split( "|" );
          subcat.options[1+i] = new Option( string[0], string[1] );
        }        
      }
    }

<form>
  <table width="100%" border="1" id="tabelaitem">
    <tr>
      <td width="10%" scope="col">Categoria</td>
      <td width="21%" scope="col">Produto</td>
    </tr>
 //1º LINHA COM SELECT'S
  <tr>
    <td>
    <select name="categoria" id="categorias" onchange="Javascript:requisicaoHTTP('GET','query_produto.php?cat=1',true,trataProduto)";><option selected="selected" value="0">Selecione</option><option value="1">Bovina</option><option value="2">Suina</option><option value="3">Avina</option><option value="4">Ovina</option></select> 
    </td>
    <td>
     // Desconfio que aqui está o problema esse ID está igual a próxima linha da tabela
    <select id="produto" name="produto" onchange="Javascript:requisicaoHTTP('GET','query_tipo.php?idprod=1',true,trataTipo)";></select>
    </td>
</tr>
 //2º LINHA COM AS SELECT'S IGUAIS A DE CIMA
  <tr>
    <td>
    <select name="categoria" id="categorias" onchange="Javascript:requisicaoHTTP('GET','query_produto.php?cat=1',true,trataProduto)";><option selected="selected" value="0">Selecione</option><option value="1">Bovina</option><option value="2">Suina</option><option value="3">Avina</option><option value="4">Ovina</option></select> 
    </td>
    <td>
   // Desconfio que aqui está o problema esse ID está igual a linha de cima da tabela.
    <select id="produto" name="produto" onchange="Javascript:requisicaoHTTP('GET','query_tipo.php?idprod=1',true,trataTipo)";></select>
    </td>
</tr>

subcat = document.forms[0].produto;
subcat.options.length = 0; //AQUI ESTÁ O ERRO!!!!

<script>
function mostra(var1,var2) {
alert(document.form.elements[var1].value)
}
</script>

<form name="form">
<select name="select" onchange="mostra(this.name,this.value)">
<option></option>
<option value="valor">valor</option>
</select>
</form>

 function trataProduto()
    {
          subcat = document.forms[0].produto; //aqui está o problema, no form existe 2 campos produto.
          for (i = 0; i < form.length; i++){
                if (form[i].checked) {
                alert(form[i]);
                }
          }
      subcat.options.length = 0;
      subcat.options[0] = new Option("Carregando...","teste");
      if (ajax.readyState == 4) {
        subcat.options.length = 0;
       
       results = ajax.responseText.split(",");
        subcat.options[0] = new Option( "Selecione", "selecione" );
       for( i = 0 ; i < results.length; i++)
        {
          string = results[i].split( "|" );
          subcat.options[1+i] = new Option( string[0], string[1] );
        }
                 
      }
 
    }

    <td><select name="categoria"  onchange="Javascript:requisicaoHTTP('GET','query_produto.php?cat='+this.value,true,trataProduto('produto'));"> //trataProduto('produto') o campo 'produto' é o que deve ser tratado ao usar o onchange

        function trataProduto(var1)
    {
      subcat = document.forms[0].elements[var1]; // <- AQUI?? ESTÁ CERTO RECEBER O PARAMETRO DESSA FORMA ?? 
      subcat.options.length = 0;
      subcat.options[0] = new Option("Carregando...","teste");
      if (ajax.readyState == 4) { // <-- DEPOIS QUE COLOQUEI PARA RECEBER POR PARAMETRO O ERRO ESTÁ NESSA LINHA AGORA!
        subcat.options.length = 0;      
       results = ajax.responseText.split(",");
        subcat.options[0] = new Option( "Selecione", "selecione" );
       for( i = 0 ; i < results.length; i++)
        {
          string = results[i].split( "|" );
          subcat.options[1+i] = new Option( string[0], string[1] );
        }        
      }
    }  

    // JavaScript Document
    var ajax;
    var dadosUsuario;
 
    function requisicaoHTTP(tipo,url,assinc,trata,var1)
    {
       if(window.XMLHttpRequest){
       ajax = new XMLHttpRequest();
       }
       else if(window.ActiveXObject){
       ajax = new ActiveXObject("Msxml2.XMLHTTP");
       
       if(!ajax){
          ajax = new ActiveXObject("Microsoft.XMLHTTP");
          }
       }
 
 
    if (ajax)
 
    iniciaRequisicao(tipo,url,assinc,trata,var1);
    else
    alert("Seu navegador não possui suporte a essa aplicação");
    }
 
    function iniciaRequisicao(tipo,url,bool,trata,var1){
          ajax.onreadystatechange=trata;
          ajax.open(tipo,url,bool,trata,var1);
          ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; Charset=UTF-8");
          //ajax.overrideMimeType("text/XML");
          ajax.send(dadosUsuario);
    }
 
    function enviaDados(url){
    criaQueryString();
    requisicaoHTTP("POST",url,true);
    }
 
    function criaQueryString(){
       dadosUsuario="";
       var frm = document.forms[0];
       var numElementos = frm.elements.length;
       for(var i=0; i < numElementos; i++){
          if(i < numElementos-1){
             dadosUsuario += frm.elements[i].name+"=" +
             encodeURIComponent(frm.elements[i].value)+"&";
             }else{
             dadosUsuario += frm.elements[i].name+"=" +
             encodeURIComponent(frm.elements[i].value);
             
          }
       }
    }