Problema con innerHTML

[Kilofafeure]

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> 

[caricatos]

Hola:

Lo que no puedes hacer es tener una variable con saltos de línea, y de necesitarlas usar "\n"

Si se te hace muy larga la línea puedes concatenar:
dato = "select ... blah, blah...";
dato += "\nblah...";

Saludos