Cannot read property

ramiromd · #1 (**permalink**) 18/05/2011, 13:36

Buenas, tengo el siguiente código:

Código HTML:

Ver original<form name="pais_equipo">
    <select name="pais" onchange="xajax_getEquipo(document.pais_equipo.pais.options[document.pais_equipos.pais.selectedIndex].value)">
        <?php getPais(); ?>
    </select>
    <select name="equipo">
        <div id="equipoDiv">
            <option value="999">Elije un pa&iacute;s</option>
        </div>
    </select>
</form>

Cuando ejecuto la página en Google Chrome, me devuelve el siguiente error (la consola):

Cita:

Uncaught TypeError: Cannot read property 'pais' of undefined

En la siguiente línea:

Código Javascript:

Ver original<select name="pais" onchange="xajax_getEquipo(document.pais_equipo.pais.options[document.pais_equipos.pais.selectedIndex].value)">

La funcion xajax_getEquipo esta correctamente definida.
Lo que entiendo del error es que no puede leer la propiedad "pais" o que no esta definida?.
Sinceramente no lo entiendo del todo a js aún.
Cualquier ayuda será agradecida

.
Saludos.

sysmadryn · #2 (**permalink**) 18/05/2011, 14:57

Hola.

Podrias usar this.value en lugar de document.pais_equipo.pais.options[document.pais_equipos.pais.selectedIndex].value

Respecto de tu pregunta, fijate si el PHP te esta enviando correctamente las opciones.
Revisa lalogica de los dos select porque en el que se llama "equipo" tienes una opcion default que dice "elije un pais " (?????)

El div dentro del select .....mmmmm, mejor afuera. El select, en algunos navegadores es un componente muy poco customizable

Saludos

ramiromd · #3 (**permalink**) 18/05/2011, 16:14

Gracias por la respuesta sysmadryn, ahora me siento a analizar lo que me comentas.
El tema es que estoy practicando Ajax, y quería hacer selects combinados. Donde dependiendo el país, te lista 4 o 5 equipos de fútbol correspondientes.
Saludos.

ramiromd · #4 (**permalink**) 18/05/2011, 16:21

Sysmadryn hice todo lo que me aconsejaste y me ha devuelto esto, a modo de alert de js.

Cita:

Error: the XML response that was returned from the server is invalid.
Received:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<title>Select dependientes - Xajax!</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Geany 0.19.1" />
<?xml version="1.0" encoding="ISO-8859-1" ?><xjx><cmd n="as" t="equipoDiv" p="innerHTML"><![CDATA[<select id='equipo'><option
value='16'>Manchester City</option><option value='17'>Manchester United</option><option value='18'>Tottenham Hotspurs</
option><option value='19'>Sunderland</option></select>]]></cmd></xjx>

Por lo que ando leyendo en el foro, es que tengo alguna etiqueta mal puesta ¿?. Esta es la funcion getEquipo():

Código PHP:

Ver originalfunction getEquipo($id_pais){
    $respuesta = new xajaxResponse('ISO-8859-1');
    $query = "SELECT e.idequipo, e.nombre FROM Equipo e WHERE e.idPais = $id_pais";
    $res = mysql_query($query);
    $new_select = "<select name='equipo'>";
    while ($row = mysql_fetch_array($res)){
        $new_select .= "<option value='".$row[0]."'>".htmlentities($row[1])."</option>";
    }
    $new_select .= "</select>";
    $respuesta->addAssign("equipoDiv","innerHTML",$new_select);
    return $respuesta;
}

En el form quedo así:

Código HTML:

Ver original<div id="equipoDiv">
    <select name="equipo">
            <option value="999">Elije un pa&iacute;s</option>
    </select>
    </div>

Nota: Si algún administrador me mueve el thread a Ajax, bienvenido sea, no pensé que de esa duda de js me iba a ir tanto por las ramas :).

sysmadryn · #5 (**permalink**) 19/05/2011, 09:52

Hola.

Si... el problema lo tienes mas por el lado de AJAX y PHP.
Lo que debes hacer con el AJAX es llenar la div "equipoDiv" con el codigo HTML que te devuelve el server llamada con el AJAX.
Yo haria un codigo PHP mucho mas simple. Una consulta a la base y un echo con el codigo HTML que deseas mostrar.

Saludos

ramiromd · #6 (**permalink**) 19/05/2011, 10:35

Cita:

Iniciado por sysmadryn

Hola.

Si... el problema lo tienes mas por el lado de AJAX y PHP.
Lo que debes hacer con el AJAX es llenar la div "equipoDiv" con el codigo HTML que te devuelve el server llamada con el AJAX.
Yo haria un codigo PHP mucho mas simple. Una consulta a la base y un echo con el codigo HTML que deseas mostrar.

Saludos

Lo pude solucionar hoy a la mañana, el problema era que estaba haciendo includes dentro de la etiqueta <head> de html y eso me daba problemas.
Saludos y gracias!: