Ver Mensaje Individual
  #12 (permalink)  
Antiguo 29/09/2010, 18:29
Avatar de rocka8613
rocka8613
 
Fecha de Ingreso: abril-2010
Mensajes: 33
Antigüedad: 14 años
Puntos: 0
Respuesta: Re: (2) Listados desplegadles (o combos) dependientes (SOLUCION) JSP+AJAX

hola, tengo la inkietud de como implementar el código para anidar mas listados, yo en especial necesito 3, y no e podido ser capaz de lograrlo, e intentado varias cosas y nada, gracias a kien pueda colaborarme


codigo pagina.jsp
Código:
<script type="text/javascript">
var peticion = false;
var  testPasado = false;
try{    
    peticion = new XMLHttpRequest();
} catch (trymicrosoft){
    try{
        peticion = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (othermicrosoft){
        try{
            peticion = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (failed){
            peticion = false;
        }
    }
}

if (!peticion)
alert("ERROR AL INICIALIZAR!");
 
function cargarCombo (url, comboAnterior, element_id){    
    var element =  document.getElementById(element_id);
    var valordepende = document.getElementById(comboAnterior);
    var x = valordepende.value;    
    var fragment_url = url+"?idCategoria="+x+"&sw=0";
    peticion.open("GET", fragment_url); 
    peticion.onreadystatechange = function(){
        if (peticion.readyState == 4){
            //escribimos la respuesta
            element.innerHTML = peticion.responseText;
        } 
    } 
   peticion.send(null); 
}
</script>

<select name="lista_categoria" onchange="javascript:cargarCombo('list_dinamic.jsp', 'lista_categoria', 'div_subcategoria')" id="lista_categoria" style="width:350px;">
     <option value="0">Seleccione una categoria...</option>            
            <%
            conDB.conectarDB();
            ResultSet rs = conDB.tableCategoria();                    
            while(rs.next()){%>
            <option value="<%= rs.getString("idCategoria") %>"><%=rs.getString("Nombre")%></option>
            <%} conDB.desconectarDC();%>
</select>

<div id="div_subcategoria">
<select name="lista_subcategoria" style="width:350px;" id="lista_subcategoria">
<option value="0">Seleccione una categoria primero...</option>
</select>
</div>

<div id="div_tema">
<select style="width:350px;" name="combodependiente2"  id="combodependiente2" >
<option>Seleccione una subcategoria primero...</option>
</select>
</div>
codigo list_dinamic.jsp:
Código:
<%String idCat =  request.getParameter("idCategoria");%>
<select name="lista_subcategoria"  id="lista_subcategoria" style="width:350px;"><%
conDB.conectarDB();
ResultSet rs = conDB.tableSubcategoria(idCat);                    
while(rs.next()){%>
<option value="<%= rs.getString("idSubcategoria") %>"><%=rs.getString("Nombre")%></option>
            <%} conDB.desconectarDC();%>
</select>
e tenido la idea de implementar el primer código anidado en el segundo pero al momento de escribir los datos en vista k el segundo código esta en otra pagina jsp, bueno en fin estoy un poco confundido