Lista desplegable con navegador de página, !error¡

[salvador86]

Hola, tengo una página que contiene una lista desplegable que cuando se da clic en algunas de las opciones se va a una página diferente pues como value tiene una url, pero me funciona en explorer y en el explorador de google pero no en firefox, ¿Quisiera saber si algo estoy pasando por alto? El siguiente es mi código

Código HTML:

<form name="lista" id="lista">
        <script type="text/javascript" src="librerias/i-pg_programas.js"></script>
      </form> 

Mi JavaScript que imprime la lista

Código PHP:

  document.write('<select size="1" name="programas" onchange="javascript:cambia();">'); 
document.write('    <option selected="selected">Elija aqu&iacute; su tour</option>'); 
document.write('    <option value="i-pg_4x4-5-1.php">Caral la m&aacute;s Antigua de Am&eacute;rica 1 Day </option>'); 
document.write('    <option value="i-pg_4x4-5-5.php">Reinos M&aacute;gicos Express 5 Days</option>'); 
document.write('  </select>');  
   

La función del cambio

Código PHP:

  function cambia() { 
    location.href=lista.programas.value; 
}  
   

Quisiera saber que estoy obviando, muchas gracias.

Aquí tengo el ejemplo en línea http://www.peru-expeditions.com/Peru...pg_4x4-5-7.php

[IsaBelM]

a la función pasale el valor (this.options[this.selectedIndex].value)

[zerokilled]

la solucion de IsaBelM es la más sencilla porque pasa el valor del option por la función. luego es cuestión de tomar ese valor y asignarlo en la propiedad href. de todos modos, para que entiendas porque no te funciona el código inicial y así en un futuro no cometer el mismo error. lista es un identificador que pertenece al objeto document. en tu caso, el contexto de intrepretación de la función cambia es el objeto window. por eso te da error, porque lista no esta definido en window.

a nivel más técnico, el HTML DOM define una colección forms en el objeto document, el cual contiene referencia a todos los formularios presentes en el documento. si el formulario contiene un nombre el navegador crea una propiedad con el mismo nombre en el objeto document con la referencia a ese elemento. por ello, para accesar a ese elemento por su nombre tienes que hacerlo desde el objeto document.

nota: hay quienes claman que este concepto no funciona en todos los navegadores, aunque en lo personal siempre me ha funcionado. otro modo de accesar por su nombre es usando la coleccion forms seguido del nombre.

Código:

// cualquiera de las dos son válidas;
document.forms['nombre_formulario'];
document.forms.nombre_formulario;

[salvador86]

Hola quiere decir que mi funcion lo cambie así

Código PHP:

  function cambia() { 
    var pagina=this.options[this.selectedIndex].value; 
    location.href=pagina; 
}  
   

Pero no me funciona como deberia poner el código no comprendo bien, gracias por responder

[IsaBelM]

no, ese valor lo envías cuando invocas a la función