Tercer Select anidado

israfel7 · #1 (**permalink**) 15/11/2013, 17:27

Buenas tardes, espero puedan ayudarme con este problema

No sé por qué el codigo que he realizado no llega hasta el tercer select, solo funciona a la primera
Es decir tengo 3 select que son del plan contable, si selecciono una cuenta, en el segundo saldran todas las subcuentas de dicha cuenta, y cuando seleccione una subcuenta, en el tercer select apareceran todas las divisionarias de esa subcuenta... Solo aparecen hasta las subcuentas.

Por cierto el SCombobox es un servlet donde hago las consultas a la BD

Código HTML:

<%@page import="Beans.bcuenta"%>
<jsp:include page="SCombobox?Opcion=Cuenta" />
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<jsp:useBean id="ListaCuentas" scope="request" class="java.util.ArrayList" />

<html>
    <head>
        <title>jQuery Load</title>
        <!-- Libreria jQuery -->
        
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>

        <!-- Acción sobre el botón con id=boton y actualizamos el div con id=capa -->
        
    </head>
    <body>
    <form method="post" >
    <fieldset>
        <p><label>Cuenta:</label>
            <select name="numcuenta" id="idcuenta">
                <%
                        out.print("<option> ---Escoge una cuenta--- </option>");
                    for (int i = 0; i < ListaCuentas.size(); i++) {
                        bcuenta bean = (bcuenta) ListaCuentas.get(i);
                        out.print("<option value = \""+ bean.getIdcuenta() +"\">"+ bean.getNombre() +"</option>");
                    }

                %>

            </select>
        </p>
        <div id="subcuenta">

            <label>SubCuenta:</label>
            <select name="numsubcuenta" id="idsubcuenta">
                <option> ---Escoge una Subcuenta--- </option>
            </select>

        </div><p>
        <div id="divisionaria">

            <label>Divisionaria:</label>
            <select name="numdivisionaria" id="iddivisionaria">
                <option> ---Escoge una Divisionaria--- </option>
            </select>

        </div>
        <div id="subdivisionaria"></div>
        
        
        <p><input type="submit" name="submit" value="Mostrar resultados" /></p>
    </fieldset>
    </form>
    </body>
</html>

<script type="text/javascript">
    $(document).ready(function() {
        /* COMBOBOX */
        $("#idcuenta").change(function()
        {
            var idcuenta = $("#idcuenta").val();
            $("#subcuenta").load("SCombobox?Opcion=Subcuenta&id="+idcuenta);
            
        });

        $("#idsubcuenta").change(function()
        {
            var idsubcuenta = $("#idsubcuenta").val();
            $("#divisionaria").load("SCombobox?Opcion=Divisionaria&id="+idsubcuenta);

        });

    });
    </script>

Espero puedan ayudarme