Select dinamico

Esto es un simple ejemplo de como se podría hacer un combo entre dos desplegables para que cuando en el primero seleccionemos algo, con el valor de lo seleccionado haga una consulta a la base de datos y rellene la segunda lista.

Por ejemplo, se quiere que al seleccionar una provincia del primer combo box aparezca el segundo con todas las ciudades de la provincia seleccionada en el primer desplegable.

Para el siguiente ejemplo necesitaremos el archivo o pagina donde se mostraran los combos y un script en php donde se ejecutara la consulta a la base de datos con la provincia seleccionada en el primer combo.

Empezamos con la pagina principal donde se mostraran los combos:

codigo jquery:

$(document).ready(function(){  

2.$("#provincia").change(function(){

3.$("#combos").load("combos.php", {provincia: $("#provincia").val()});

4.});

5.});

En estas lineas simplemente le decimos que cuando el combobox con el id “#provincia” cambie, cargue en el div con id “#combos” la pagina en php “combos.php” y le pase por parámetro el valor de “#provincia” que sera la provincia que hayamos seleccionado.

Ahora el código de los combos que ira donde queramos mostrar las listas desplegables:

echo "<label>Provincia: <select id='provincia' name='provincia'>"; // rellenando el combobox de las provincias

02.//echo "<option>Provincia</option>";

03.$result1=mysql_query("SELECT DISTINCT `nombre` FROM `provincias`", $conn)or die (mysql_error());

04.while ($row=mysql_fetch_array($result1)) {

05.$provincia= $row["nombre"] ;

06.echo "<option value=\"$provincia\">$provincia</option>";

07.}

08.echo "</select></label><br /><br />";

09. 

10.<div align="center" id="combos"></div>