Problema con select dinámicos (Video de explicación)

Celcius · #1 (**permalink**) 07/03/2012, 12:26

Hola a todos,
Realizé un video explicando mi problema, lo subí a youtube, mi problema es que no puedo cargar dentro de un select las provincias de un determinado departamento seleccionado previamente en otro select. la explicacion está en el siguiente enlace:

http://www.youtube.com/watch?v=gkMmMXECpmU (2:13 minutos)

Espero su respuesta, muchas gracias!

Naahuel · #2 (**permalink**) 07/03/2012, 17:31

Mmm, pues la verdad en el video está complicado de ver. Mirá, te doy este ejemplo:

Código HTML:

Ver original<!doctype html>
<html>
<head>
    <title>Test</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            //obtengo los selects
            var select_ind = $('#select_1');
            var select_dep = $('#select_2');
            //los eventos y el llenado
            select_ind.on('change',function(){
                //aca ya tengo un html disponible, que puede provenir de cualquier lado
                //como ser tu caso, un preprocesado con PHP y obtenido por AJAX.
                var nuevo_html = '<option value="1">Opcion nueva</option><option value="2">Opcion nueva</option><option value="3">Opcion nueva</option>';
                select_dep.html(nuevo_html);
            })
        });
    </script>
    
</head>
<body>
    <select id="select_1">
        <option>Cambia aca a otra opcion</option>
        <option>Otra opcion</option>
        <option>Otra opcion</option>
        <option>Otra opcion</option>
    </select>
    <select id="select_2">
        <option>Este select se deberia llenar automaticamente</option>
    </select>
</body>
</html>

Como verás si funciona. A mi me parece que tu problema está en otra parte y tengo un presentimiento que es en la clase que obtiene los valores de la base de datos y arma los <option>. ¿Podrías poner esa parte del código acá? Y también la parte con la que llenas los select con jQuery.

Celcius · #3 (**permalink**) 07/03/2012, 21:30

Hola Naahuel, gracias por tu respuesta.
En realidad di con el problema y por cierto no es mi codigo. Ocurre que estoy trabajando con otra persona la cual me hace el diseño de los formularios y el utiliza una librería en Jquery para darle el diseño automático a estos dependiendo del objeto de formulario. Lo que hice es probar crear un elemento select fuera del formulario y asignarle los valores que me devuelve la consulta y funcionó! el problema no es mi codigo si no la librería bendita esa, me ha tenido loco varios días y recien hoy se me ocurre crear un elemento fuera del formulario.

Muchas gracias, creo que apartir de aquí todo estará bien. Un saludo!