problema con combo

soulip · #1 (**permalink**) 06/07/2012, 18:08

Código HTML:

Ver original<?php
require("conec.php");
?>
<html>
    <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Mi sitio</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#estados').change(function(){
                    var id=$('#estados option:selected').val();
                    $('#municipios').load('ajax.php?id='+id);
                });
                   $('#municipios').change(function(){
                    var ids=$('#municipios option:selected' ).val();
                    $('#parroquia').load('ajax1.php?id='+ids);
                });
        
            });
            
            
                    
 
        </script>
        </head>
    <body >
    <table>
        <tr>
            <th>Estados</th>
            <td>
            
                <select  id="estados">
                <option value="">Seleccionar</option>
                <?php $consulta ="select DISTINCT  codigo_entidad, des_entidad from ubicacion order by des_entidad asc";
                    $result =pg_query($consulta);
                while($fila = pg_fetch_row($result)){
                echo "<option value='".$fila['0']."'>".$fila['1']." </option>";
                }
                ?>
               </select>
            </td>
        </tr>
        <tr>
                <th>Municipios</th>
                <td>
                <div id="municipios">
                <select   id="municipios">
                <option value="">Seleccione un Estado</option>
              </select>
              </div>
            </td>
        </tr>  
         <tr>
                <th>Parroquia</th>
                <td>
                <div id='parroquia'>
                <select name="parroquia" id="parroquia">
                <option value="">Seleccione un Municipio</option>
              </select>
              </div>
            </td>
        </tr>  
    </table> 
    </body>
    </html>

Buenas mi problema es con el combo, carga bien, pero si al seleccionar el primer combo y la relacion que tiene con el segundo combo solo genera una opcion no tengo manera de cargar el tercer combo, pues como solo tengo una opcion en el segundo combo no hay cambio y no se activa el tercer combo, si me pudieran dar una idea de como resolverlo se los agradeceria! :)

emprear · #2 (**permalink**) 06/07/2012, 18:20

Por favor, en estos casos pasá el html generado no el php
Saludos

soulip · #3 (**permalink**) 07/07/2012, 19:41

Buenas amigo, ese codigo es el que uso para el formulario le meti codigo php ^^ alli mismo esta la funcion pero agregare el generado

soulip · #4 (**permalink**) 07/07/2012, 19:44

Código HTML:

Ver original<html>
    <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Mi sitio</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $('#estados').change(function(){
                    var id=$('#estados option:selected').val();
                    $('#municipios').load('ajax.php?id='+id);
                });
                   $('#municipios').change(function(){
                    var ids=$('#municipios option:selected' ).val();
                    $('#parroquia').load('ajax1.php?id='+ids);
                });
        
            });
            
            
                    
 
        </script>
        </head>
    <body >
    <table>
        <tr>
            <th>Estados</th>
            <td>
            
                <select  id="estados">
                <option value="">Seleccionar</option>
                <option value='1'>Caracas </option><option value='2'>Lara </option>               </select>
            </td>
        </tr>
        <tr>
                <th>Municipios</th>
                <td>
                <div id="municipios">
                <select   id="municipios">
                <option value="">Seleccione un Estado</option>
              </select>
              </div>
            </td>
        </tr>  
         <tr>
                <th>Parroquia</th>
                <td>
                <div id='parroquia'>
                <select name="parroquia" id="parroquia">
                <option value="">Seleccione un Municipio</option>
              </select>
              </div>
            </td>
        </tr>  
    </table> 
    </body>
    </html>

alli en la segunda opcion solo sale barquisimento si seleccionas lara, entonces como solo tiene una opcion no se me activa el tercero pues necesita detectar algun cambio en el segundo campo, pero como solo esta barquisimento uno no puede cambiarlo y no se activa el tercer campo, gracias por interes amigo
alli esta amigo gracias por el interes :)

emprear · #5 (**permalink**) 07/07/2012, 20:52

No puedo saber si funciona o no, date cuenta que yo no tengo tus php, por lo pronto lo que está mal es esto

Código HTML:

Ver original<div id="municipios">
                <select   id="municipios">

No podés tener 2 elementos con el mismo id, te genera un error y la script no se ejecuta

SAludos

soulip · #6 (**permalink**) 08/07/2012, 17:38

buenas amigo, gracias por estar pendiente y ya le hice le cambie el nombre, no me generaba error, pero por si acaso lo hice no vaya hacer que mas adelante me salte el error que me dices jejeje, pero sigo teniendo el problema original te pasare imagenes para q veas el problema...

esa imagen tengo dos opciones por lo que si selecciono una de ellas en el tercer campo se activara el dato que le corresponde

en esta otra solo tengo una opcion por lo que no puede activar el tercer campo, pues necesito un cambio en el segundo campo para que se active parroquia, pero como solo tengo barquisimento no puede hacer cambio y por lo tanto no se activa el tercer campo gracias de antemano de todas maneras jeje

soulip · #7 (**permalink**) 09/07/2012, 22:41

Ya resolvi el problema solo le coloque una opcion de "Seleccionar" no era lo que buscaba pero funciona jeje gracias de todos modos ahora tengo otra duda pero es en en tabs asi que tengo que preguntar en otra parte ^^