select jquery mysql

Skip to content

HomePlugins jqueryScripts phpUtilidades SEOUtilidades web

WebnivelDiseÃ±o programacion y posicionamiento web

Ajax »CssGeneralhtaccessMysqlPhotoshopphpScripts »SEOWebs de interes

6 febrero, 2009

Subscribe

simple combo box desplegables conjqueryEsto es un simple ejemplo de como se podria hacer un combo entre dosdesplegables para que cuando en el primero selecionemos algo, con el valor delo selecionado haga una consulta a la base de datos y rellene la segunda lista.Por ejemplo, se quiere que al selecionar una provincia del primer combo boxaparezca el segundo con todas las ciudades de la provincia selecionada en elprimer desplegable.Para el siguiente ejemplo necesitaremos el archivo o pagina donde se mostraranlos combos y un script en php donde se ejecutara la consulta a la base de datoscon la provincia selecionada en el primer combo.

Empezamos con la pagina principal donde se mostraran los combos:

codigo jquery:

simple combo box desplegables con jquery | Webnivel http://www.webnivel.net/simple-combo-desplegabl...

1 de 6 27/03/14 19:41

No tiene mucho misterio, en la primera linea incluimos la libreria jquery, lasegunda, tercera, septima y octaba es el codigo que se pone siempre.

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 parametro el valor de “#provincia” que sera laprovincia que hayamos selecionado.

Ahora el codigo de los combos que ira donde queramos mostrar las listasdesplegables:

En mi caso relleno el combo de provincias con una consulta a la base de datos,tambien puedes poner todas las provincias a mano pero no lo recomiendo. Paralos que copien este codigo y intenten hacerlo funcionar deben tener en cuentaque la variable $conn debe tener su conexion a la base de datos, y la estructurade esta debe ser igual a la mia para que esto les funciones.

Ahora por ultimo el codigo de la pagina combos.php:

1.2.3.

4.5.

$(document).ready(function(){ $("#provincia").change(function(){$("#combos").load("combos.php", {provincia:

$("#provincia").val()});});

});

1.2.

3.

$("#provincia").change(function(){$("#combos").load("combos.php", {provincia:

$("#provincia").val()});});

01.

02.03.

04.05.06.07.08.09.10.

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

//echo "<option>Provincia</option>";$result1=mysql_query("SELECT DISTINCT `nombre` FROM

`provincias`", $conn) or die (mysql_error());while ($row=mysql_fetch_array($result1)) {$provincia= $row["nombre"] ;echo "<option value="$provincia">$provincia</option>";}echo "</select></label><br /><br />";

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

01.02.

03.

require('conexion.php');//Esto simplemente incluye tuconexion a la BDif(@$_POST['provincia']){ // Si tiene el parametro


2 de 6 27/03/14 19:41

TweetTweet 0 0

Like

Like 0

Buen el codigo esta lo suficientemente comentado como para no decir nadasobre el, pero hay que recordar que la seguridad en un archivo asi es nula asique te recomendaria un poco de control sobre la variable que envias por post.

Be Sociable, Share!

Read more from Ajax, Jquery, phpcombos, Jquery, php

Share your thoughts, post a comment.

Name (required)

Email (required)

Website

04.05.

06.07.

08.09.10.11.12.13.14.15.16.

provincia por post le dejamos entrar

echo "<label><select id='ciudad' name='ciudad'>"; //rellenando el combobox//echo "<option>Ciudad</option>";$result1=mysql_query("SELECT `nombre` FROM `cities`

WHERE `provincia` = '".$_POST['provincia']."'", $conn)or die (mysql_error());

while ($row=mysql_fetch_array($result1)) {$ciudad= $row["nombre"] ;echo "<option value="$ciudad">$ciudad</option>";}echo "</select></label>";

}else{//si no trae la variable provincia

echo "Error";}

ShareShare


3 de 6 27/03/14 19:41

Comment

Código CAPTCHA*

Note: HTML is allowed. Your email address will never be published.

Subscribe to comments

Submit Comment

Search

Categorías

AjaxCssGeneral


4 de 6 27/03/14 19:41

htaccessJqueryMysqlPhotoshopphpprestashopScriptsSEOWebs de intereswordpress

Etiquetas

aplicacion barra buscadores busqueda calidad clave codigo com comprar crear

directorios dominio dominios enlaces facebook google gratis herramienta

herramientas htaccess imagen imagenes Jquery mas online paginaphp plugin plugins posicionamiento prefabricados prestashop programa

programas redes script SEO sociales texto tienda url web webmaster

wordpress yahoo

About

Ultimas Entradas

Usar imagenes sacadas de internet bueno para SEO?Generador codigo video html5estructura y profundidad de url para seoGenerador totalSeovolución o seovolucion?copiar imagen de un servidor a otro con phpServidores dedicados baratosAlternativa a analyticsComplentos indispensables para firefoxAutocompletar busqueda con jquery ui

Search

Search


5 de 6 27/03/14 19:41

select jquery mysql

Documents