Foros del Web - Ver Mensaje Individual - Problema con select dinámicos (Video de explicación)

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.