Foros del Web - Problema con innerHTML

Buenas, este post viene de otro de php http://www.forosdelweb.com/f18/obten...diente-585655/, bien les planteo mi problema y a ver si me puede ayudar. Mi problema inicial era que tenia 1 select dependiente de otro, y al cargarlo con AJAX no obtenia el value por lo que la consulta que intentaba hacer luego no funcionaba. Me han dicho que pruebe con un innerHTML o con JSON. Pues bien estoy probando con innerHTML y no consigo que el segundo select se me cargue y quisiera a ver si me pueden echar una mano ya que llevo unas horas, me urge bastante y no consigo sacarlo;he estado buscando información y no encuentro demasiada o no la se buscar...a ver si me pueden guiar, gracias!!

Código:

<script>

        function selDis2(){

        // Accedemos al DIV con getElementById

        lista = document.getElementById('lista');

        // Modificamos su contenido

        if (window.document.formDefectuoso.Campo1.selectedIndex==1){

                lista.innerHTML = '<SELECT NAME="Campo2" class="tamanoselect10" SIZE="1">

                <option selected>&nbsp;</option> 

                <OPTION value="4">Estilo</OPTION>

                <OPTION value="5">Sello</OPTION>                              

                <OPTION value="6">Referencia</OPTION>

                <OPTION value="7">Cliente</OPTION>

                <OPTION value="8">Artista</OPTION>

                </SELECT>';

        }

        else if(window.document.formDefectuoso.Campo1.selectedIndex==2){

                lista.innerHTML = '<SELECT NAME="Campo2" class="tamanoselect10" SIZE="1">

                <option selected>&nbsp;</option>

                <OPTION value="4">Estilo</OPTION>

                <OPTION value="5">Sello</OPTION>                              

                <OPTION value="6">Referencia</OPTION>

                <OPTION value="7">Distribuidor</OPTION>

                <OPTION value="8">Artista</OPTION>

                </SELECT>';

        }

        else{        

                lista.innerHTML = '<SELECT NAME="Campo2" class="tamanoselect10" SIZE="1">

                <option selected>&nbsp;</option>

                <OPTION value="4">Estilo</OPTION>

                <OPTION value="5">Sello</OPTION>                              

                <OPTION value="6">Referencia</OPTION>

                <OPTION value="7">Motivo</OPTION>

                <OPTION value="8">Artista</OPTION>

                </SELECT>';  

        }                        

}

<script>

Y aquí el formulario:

Código HTML:

<form name="formDefectuoso" id="formDefectuoso" method="post" onSubmit="return comprobar()" action="./Listados/consulta.php">
 <TR>
 <TD>Campo 1:</TD>
 <TD align="left" width="112">
 <SELECT NAME="Campo1" class="tamanoselect10" SIZE="1" onChange="selDis2();">

        <OPTION SELECTED></OPTION>

        <OPTION value="1">Ventas</OPTION>

        <OPTION value="2">Compras</OPTION>                              

        <OPTION value="3">Perdidas</OPTION>           
 </SELECT>
 </TD>
 </TR>
 <TR>
 <TD>Campo 2:</TD>
 <TD align="left" width="112">

            <div id="lista"><select class="tamanoselect10"><option></option></select></div> <!-- select dependiente  -->
 </TD>
 </TR>