La siguiente programaci\u00f3n podr\u00eda ser \u00fatil en el supuesto que de por ejemplo queramos tener en nuestra Web un formulario de registro de usuarios donde puedan seleccionar su pa\u00eds de origen y una prov\u00edncia estando pa\u00eds y prov\u00edncia relacionados mediante base de datos. Es decir, que si escojemos Espa\u00f1a como pa\u00eds tenga como relacionadas las prov\u00edncias de Barcelona, Madrid, Valencia, etc.<\/p>\n
En el ejemplo que vamos a ilustrar estamos cogiendo los datos de paises y provincias de una versi\u00f3n 2.2 de Oscommerce.<\/p>\n
Lo primero que tendremos que hacer es incluir en el <head> de nuestra p\u00e1gina el siguiente archivo javascript que viendo el c\u00f3digo fuente del ejemplo podr\u00e1s ver su contenido.<\/p>\n
<script type=\"text\/javascript\" src=\"ajax_dropdown.js\"><\/script><\/pre>\nDentro de este archivo ajax nos tenemos que quedar sobretodo con la llamada que se realiza tras realizar la petici\u00f3n:<\/p>\n
var url=\"state_dropdown.php?country=\"+key;<\/pre>\nSi nos fijamos se realizar\u00e1 una visita al archvio \u00abstate_dropdown.php\u00bb con la id del pa\u00eds elegido. En este archivo PHP se realiza lo siguiente:<\/p>\n
$country = $_GET['country'];\r\n$zones_query = mysql_query(\"select zone_name from zones where zone_country_id = '\" . (int)$country . \"' order by zone_name\", $conexion);\r\nif (mysql_num_rows($zones_query) > 0) {\r\n\u00a0\u00a0 \u00a0header('Content-type: text\/html; charset=iso-8859-1');\r\n\u00a0\u00a0 \u00a0echo '<select name=\"state\">';\r\n\u00a0\u00a0 \u00a0while ($zones_values = mysql_fetch_array($zones_query)) {\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0echo '<option value=\"'.$zones_values['zone_name'].'\">'.$zones_values['zone_name'].'<\/option>';\r\n\u00a0\u00a0 \u00a0}\r\n\u00a0\u00a0 \u00a0echo '<\/select>';\r\n}<\/pre>\nSe recibe la id de la base de datos del pa\u00eds y se genera un query para seleccionar todas sus zonas o provincias y con un echo mostramos el selector de provincia con las opciones recogidas de la base de datos.<\/p>\n
Y en nuestro <body> tendremos un formulario que contendr\u00e1 algo parecido a lo siguiente:<\/p>\n
<form method=\"post\" action=\"index.php\">\r\n\u00a0\u00a0\u00a0 Pais:\r\n\u00a0\u00a0 \u00a0<select onchange=\"loadXMLDoc(this.value);\" name=\"country\">\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <option selected=\"\" value=\"\">Seleccione<\/option>\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 <?php\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 $countries = mysql_query(\"select countries_id, countries_name from countries order by countries_name\", $conexion);\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 while($row = mysql_fetch_array($countries)) {\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 echo '<option value=\"'.$row['countries_id'].'\">'.$row['countries_name'].'<\/option>';\r\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 }\r\n\u00a0\u00a0 \u00a0\u00a0\u00a0 \u00a0?>\r\n\u00a0\u00a0 \u00a0<\/select><br\/>\r\n\u00a0\u00a0 \u00a0Provincia:\r\n\u00a0\u00a0 \u00a0<div style=\"display:inline\" id=\"states\"><\/div>\r\n<\/form><\/pre>\nSi nos fijamos en el formulario, la clave del asunto est\u00e1 en que al seleccionar el pa\u00eds o al cambiarlo se llama a la funci\u00f3n loadXMLDoc() pas\u00e1ndole como par\u00e1metro la id del pa\u00eds. Y luego la provincia ser\u00e1 un div vac\u00edo que se rellenar\u00e1 tras rellenar el pa\u00eds.<\/p>\n
En el ejemplo es conveniente elegir el pa\u00eds \u00abSpain\u00bb para ver el efecto ya que el resto de paises no tienen provincias guardadas en base de datos.<\/p>\n