Retroceder   Foros del Web > Programación para sitios web > Javascript

Respuesta
 
Herramientas Desplegado
Antiguo 12-may-2008, 19:43   #1 (permalink)
Kilofafeure ha deshabilitado el karma
 
Fecha de Ingreso: noviembre-2006
Mensajes: 79
Problema con innerHTML

Buenas, este post viene de otro de php Obtener value de select dependiente, 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>
Kilofafeure está desconectado   Responder Citando
Antiguo 12-may-2008, 23:24   #2 (permalink)
Moderador
caricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy prontocaricatos llegará a ser famoso muy pronto
 
Avatar de caricatos
 
Fecha de Ingreso: noviembre-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 11.978
Re: Problema con innerHTML

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
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
caricatos está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 21:11.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93