<p>Todo sirve mañana lo aplico, mi problema es que cuando quiero seleccionar el país y que se cargue el select con las provincias no carga, lo quise hacer con array para no perder tanto tiempo con armar la bd con las tablas y los datos será por declarar mal el array?</p>
<p>Gracias</p>
<div class="gmail_quote">El jun 14, 2013 12:10 a.m., "Ariel Fernández" <<a href="mailto:arielf05@gmail.com">arielf05@gmail.com</a>> escribió:<br type="attribution"><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">
<div dir="ltr">Hola, no dijiste cuál es el problema, pero para empezar, y según lo que he aprendido, tenés mal definidos los array, ya que cada valor va entre comillas, y cada uno separado a su vez por comas. Además, se utiliza new Array y no array.<div>
Ej:</div><div><div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)">var arrProv = new Array(</font></div><div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)"><span style="white-space:pre-wrap"> </span>"Buenos Aires",</font></div>
<div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)"><span style="white-space:pre-wrap"> </span>"Buenos Aires-GBA",</font></div><div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)"><span style="white-space:pre-wrap"> </span>"Capital Federal",</font></div>
<div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)"><span style="white-space:pre-wrap"> </span>"Catamarca",</font></div><div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)"><span style="white-space:pre-wrap"> </span>"Chaco"</font></div>
<div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)">)</font></div><div><br></div><div><br></div><div><br></div><div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)"><span style="font-size:13px">var url = "Ejercicio7.php?codProv="+ escape(codProv); -></span><b style="font-size:13px">Esta linea que haria?</b><span style="font-size:13px;white-space:pre-wrap"> </span></font><br>
</div><div><b>Ésta línea arma la url con el valor seleccionado del campo select llamado paises, el cual especificaste en:</b><br></div><div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)"><span style="font-size:13px">var codProv = document.getElementById('</span><span style="font-size:13px">paises').options[document.</span><span style="font-size:13px">getElementById('paises').</span><span style="font-size:13px">selectedIndex].value;</span></font><br>
</div><div><br></div><div><br></div><div><br></div><div><span style="background-color:rgb(238,238,238)"><font face="verdana, sans-serif"><span style="font-size:13px">xmlHttp.send(null); -> </span><b style="font-size:13px"> Vi en el modulo que aca se envia "nombre=?" + escape(nombre) no entendi esta parte googleando vi que tmb envian null</b></font><br>
</span></div><div><font face="verdana, sans-serif" style="background-color:rgb(238,238,238)"><span style="font-size:13px">xmlHttp.open("GET",url,true);</span><b style="font-size:13px">->aca envia la url con el codigo de la provincia? Se puede enviar por POST?</b></font><br>
</div><div><b style="font-size:13px"><font face="arial, helvetica, sans-serif">Sí, se puede, pero es ligeramente diferente. Mirá acá para tener una guía:</font></b></div><div><b><font face="arial, helvetica, sans-serif"><a href="http://www.cristalab.com/tutoriales/enviar-datos-por-post-y-get-en-ajax-en-una-funcion-c237l/" target="_blank">http://www.cristalab.com/tutoriales/enviar-datos-por-post-y-get-en-ajax-en-una-funcion-c237l/</a><br>
</font></b></div><div><b style="font-size:13px"><font face="arial, helvetica, sans-serif"><br></font></b></div><div><b style="font-size:13px"><font face="arial, helvetica, sans-serif"><br></font></b></div><div>
<b style="font-size:13px"><font face="arial, helvetica, sans-serif"><br></font></b></div><div><b style="font-size:13px"><font face="arial, helvetica, sans-serif">Lo de la carga dinámica del select es una de las opciones, la otra sería generarlo con php y consultas a una tabla.</font></b></div>
<div><b style="font-size:13px"><font face="arial, helvetica, sans-serif"><br></font></b></div><div><b style="font-size:13px"><font face="arial, helvetica, sans-serif"><br></font></b></div><div><span style="font-size:13px"><font face="arial, helvetica, sans-serif">Espero que te sirva.</font></span></div>
<div><span style="font-size:13px"><font face="arial, helvetica, sans-serif">Saludos</font></span></div><div><b style="font-size:13px"><font face="arial, helvetica, sans-serif"><br></font></b></div><div><b style="font-size:13px"><font face="arial, helvetica, sans-serif"><br>
</font></b></div></div></div><div class="gmail_extra"><br><br><div class="gmail_quote">El 13 de junio de 2013 11:37, leandro saubiette <span dir="ltr"><<a href="mailto:saubietteleandro@gmail.com" target="_blank">saubietteleandro@gmail.com</a>></span> escribió:<br>
<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>Gente paso este codigo haber si alguien me puede ayudar quisiera cargar mediante ajax las provincias segun el pais seleccionado, es el ejercicio 7 de la clas de js</div>
<div><br></div><div>
Muchas gracias</div><div><br></div><div><br></div><div><br></div><div>var xmlHttp = new XMLHttpRequest();</div><div><br></div><div><br></div><div>var argentina=array("Ciudad de Buenos Aires,Buenos Aires,Catamarca,Chaco,Chubut,Córdoba,Corrientes,Entre Ríos,Formosa,Jujuy,La Pampa,La Rioja,Mendoza,Misiones,Neuquén,Río Negro,Salta,San Juan,San Luis,Santa Cruz,Santa Fe,Santiago del Estero,Tierra del Fuego,Tucumán");</div>
<div><br></div><div><br></div><div><br></div><div>var argelia = array("Adrar,Aïn Témouchent,Annaba,Argel,Aïn Defla,Batna,Biskra,Blida,Bordj Bou Arréridj,Bouira,Boumerdès,Bujía,Béchar,Chlef,Constantina,Djelfa,El Bayadh,El Oued,El Tarf,Ghardaïa,Guelma,Jijel,Khenchela,Laghouat,M_Sila,Médéa,Mila,Mostaganem,Muaskar,Naama,Orán,Ouargla,Oum el-Bouaghi,Relizan,Saida,Sidi Bel Abbes,Skikda,Provincia de Souk Ahras,Sétif,Tamanghasset,Tiaret,Tinduf,Tipasa,Tissemsilt,Tizi Ouzou,Tlemecén,Tébessa");</div>
<div><br></div><div><div>var xmlHttp = new XMLHttpRequest();</div><div>var argentina=array("Ciudad de Buenos Aires,Buenos Aires,Catamarca,Chaco,Chubut,Córdoba,Corrientes,Entre Ríos,Formosa,Jujuy,La Pampa,La Rioja,Mendoza,Misiones,Neuquén,Río Negro,Salta,San Juan,San Luis,Santa Cruz,Santa Fe,Santiago del Estero,Tierra del Fuego,Tucumán");</div>
<div>var argelia = array("Adrar,Aïn Témouchent,Annaba,Argel,Aïn Defla,Batna,Biskra,Blida,Bordj Bou Arréridj,Bouira,Boumerdès,Bujía,Béchar,Chlef,Constantina,Djelfa,El Bayadh,El Oued,El Tarf,Ghardaïa,Guelma,Jijel,Khenchela,Laghouat,M_Sila,Médéa,Mila,Mostaganem,Muaskar,Naama,Orán,Ouargla,Oum el-Bouaghi,Relizan,Saida,Sidi Bel Abbes,Skikda,Provincia de Souk Ahras,Sétif,Tamanghasset,Tiaret,Tinduf,Tipasa,Tissemsilt,Tizi Ouzou,Tlemecén,Tébessa");</div>
<div>function callServer()</div><div>{</div><div><span style="white-space:pre-wrap"> </span>//Obtiene el nombre escrito a medida que se escribe</div><div><span style="white-space:pre-wrap"> </span>var codProv = document.getElementById('paises').options[document.getElementById('paises').selectedIndex].value;</div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>//Sigo solo si hay datos</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>if((codProv == null) ||(codProv==""))</div>
<div><span style="white-space:pre-wrap"> </span>{</div><div><span style="white-space:pre-wrap"> </span>return;</div><div><span style="white-space:pre-wrap"> </span>}</div><div><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span>//Arma URL</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>var url = "Ejercicio7.php?codProv="+ escape(codProv);</div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>// Abro conexion con el servidor</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>xmlHttp.open("GET",url,true);</div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>//Determino la funcion que se va a ejecutar cuando se obtiene la respuesta del servidor</div><div><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span>xmlHttp.onredystatechange = updatePage;</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>//Envio la peticion</div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>xmlHttp.send(null);</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>//Funcion que actualiza la pagina con la respuesta</div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>function updatePage()</div><div><span style="white-space:pre-wrap"> </span>{</div><div><span style="white-space:pre-wrap"> </span>if(xmlHttp.readyState == 4)</div>
<div><span style="white-space:pre-wrap"> </span>{</div><div><span style="white-space:pre-wrap"> </span>if(codProv == "ar")</div><div><span style="white-space:pre-wrap"> </span> for(f=0;f< argentina.length();f++)</div>
<div><span style="white-space:pre-wrap"> </span> {</div><div><span style="white-space:pre-wrap"> </span> var op=document.createElement('option');</div><div><span style="white-space:pre-wrap"> </span> var texto=document.createTextNode(argentina[f].firstChild.nodeValue);</div>
<div><span style="white-space:pre-wrap"> </span> op.appendChild(texto);</div><div><span style="white-space:pre-wrap"> </span> document.getElementById("provincias").appendChild(op);</div><div>
<span style="white-space:pre-wrap"> </span> }</div><div><span style="white-space:pre-wrap"> </span>}</div><div><span style="white-space:pre-wrap"> </span>}</div></div><div><br></div><div><br></div><div>
<br></div><div>function callServer()</div><div>{</div><div><span style="white-space:pre-wrap"> </span>//Obtiene el nombre escrito a medida que se escribe</div><div><span style="white-space:pre-wrap"> </span>var codProv = document.getElementById('paises').options[document.getElementById('paises').selectedIndex].value;</div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>//Sigo solo si hay datos</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>if((codProv == null) ||(codProv==""))</div>
<div><span style="white-space:pre-wrap"> </span>{</div><div><span style="white-space:pre-wrap"> </span>return;</div><div><span style="white-space:pre-wrap"> </span>}</div><div><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span>//Arma URL</div><div><span style="white-space:pre-wrap"> </span></div><div><br></div><div><span style="white-space:pre-wrap"><br></span></div><div><span style="white-space:pre-wrap"> </span>var url = "Ejercicio7.php?codProv="+ escape(codProv); -><b>Esta linea que haria?</b><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span>// Abro conexion con el servidor</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>xmlHttp.open("GET",url,true);<b>->aca envia la url con el codigo de la provincia? Se puede enviar por POST?</b></div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>//Determino la funcion que se va a ejecutar cuando se obtiene la respuesta del servidor</div><div><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span>xmlHttp.onredystatechange = updatePage;</div><div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>//Envio la peticion</div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>xmlHttp.send(null); -> <b> Vi en el modulo que aca se envia "nombre=?" + escape(nombre) no entendi esta parte googleando vi que tmb envian null</b></div>
<div><span style="white-space:pre-wrap"> </span></div><div><span style="white-space:pre-wrap"> </span>//Funcion que actualiza la pagina con la respuesta</div><div><span style="white-space:pre-wrap"> </span></div>
<div><span style="white-space:pre-wrap"> </span>function updatePage()</div><div><span style="white-space:pre-wrap"> </span>{</div><div><span style="white-space:pre-wrap"> </span>if(xmlHttp.readyState == 4)</div>
<div><span style="white-space:pre-wrap"> </span>{</div><div><span style="white-space:pre-wrap"> </span>if(codProv == "ar")</div><div><span style="white-space:pre-wrap"> </span> for(f=0;f< argentina.length();f++)</div>
<div><span style="white-space:pre-wrap"> </span> {</div><div><span style="white-space:pre-wrap"> </span> var op=document.createElement('option');</div><div><span style="white-space:pre-wrap"> </span> var texto=document.createTextNode(argentina[f].firstChild.nodeValue);</div>
<div><span style="white-space:pre-wrap"> </span> op.appendChild(texto);</div><div><span style="white-space:pre-wrap"> </span> document.getElementById("provincias").appendChild(op);</div><div>
<br></div><div><b>este for lo hago para agregar OPTION al select de las provincias que es lo que quiero que se cargue dinamicamente tmb lo encontre en un foro</b></div><div><span style="white-space:pre-wrap"> </span> }</div>
<div><span style="white-space:pre-wrap"> </span>}</div><div><span style="white-space:pre-wrap"> </span>}</div><div><br></div><div><br></div><div><br></div><div>Gracias</div></div>
<br>_______________________________________________<br>
Php-avanzado mailing list<br>
<a href="mailto:Php-avanzado@pato2.fi.mdp.edu.ar" target="_blank">Php-avanzado@pato2.fi.mdp.edu.ar</a><br>
<a href="http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado" target="_blank">http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado</a><br></blockquote></div><br></div>
<br>_______________________________________________<br>
Php-avanzado mailing list<br>
<a href="mailto:Php-avanzado@pato2.fi.mdp.edu.ar">Php-avanzado@pato2.fi.mdp.edu.ar</a><br>
<a href="http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado" target="_blank">http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado</a><br></blockquote></div>