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> </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> </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> </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>