Porque Mi Codigo Javascript No Funciona En IE Como En FF o CM ??

[JesusDavidValdivia]

Hola,

Gracias Por Entrar Al Tema.
Veran Acabo De Crear Un Codigo De Javascript Que Toma Los Valores De Un Select Con
Paises Con Una Estructura Algo Asi:

USA - United States
MEX - Mexico
ESP - España

Y Asi...

Despues Tomo El Pais Seleccionado Con Javascript Y Lo Divido Con Split Para Obtener El Codigo De Pais Y Despues Incluyo un Iframe Con La Propiedad Src Igualada A Un archivo PHP Que me da los estados de cada pais dependeiendo el codigo.

pero en Firefox, Chrome y otros Navegadores Anda De 10 pero ya saben que IE Es Una ***** , no obtiene los valores del select ni hace nada les dejo el codigo de javascript para ver si encuentran mi error de novato..

De Antemano Gracias.

Código Javascript:

function estado_ciudad(){
    var pais = document.ubicacion.pais.value;
    var EstadoCiudad = document.getElementById("estado_ciudad");
    var Codigo = pais.split(" - ");
    var CodPais="<iframe scrolling='no' frameborder='0' src='Estado-Ciudad.php?codigo="+ Codigo[0] +"'>";
    EstadoCiudad.innerHTML=CodPais;
}
 

Aqui Les Dejo La URl Para que Vean Como No Funciona Igual
[URL="http://jesusdavidvaldivia.zxq.net/Pais-Estado-Ciudad/index.php"]http://jesusdavidvaldivia.zxq.net/Pais-Estado-Ciudad/index.php[/URL]

[Perr0]

Hola Jesus, una breve intro a los SELECT

los option por lo general es mejor manejarlos con un value

tu tienes por ejemplo

<Option>AFG - Afghanistan</Option>

para obtener el contenido en negrito no tienes problemas con navegadores que no sean IE...la manera correcta de obtenerlo sera asi y funciona para todos:

Código Javascript:

var indice= document.ubicacion.pais.selectedIndex;
var pais = document.ubicacion.pais.options[indice].text;
//CONTINUA TU CODIGO
 

ahora la manera mejor de escribirlo es asi

<Option value="AFG ">AFG - Afghanistan</Option>

resalto lo que agregue en negrita
y tu codigo deberia quedar asi

Código Javascript:

var indice= document.ubicacion.pais.selectedIndex;
var pais = document.ubicacion.pais.options[indice].text;
var pais2 = document.ubicacion.pais.options[indice].value;
//CONTINUA TU CODIGO
 

si te fijas tienes
pais y pais2,
pais: es el texto contenido dentro del OPTION
pais2: es lo contenido dentro del VALUE del OPTION

Ya utilizando VALUE no necesitas sacar el indice y todo la parafernalia, ahora el codigo:
var pais = document.ubicacion.pais.value;
te da automaticamente lo que necesitas, con esta opcion tu código se simplificaria mas y quedaria asi:

Código Javascript:

var pais = document.ubicacion.pais.value; //LEE AUTOMATICAMENTE AFG
var EstadoCiudad = document.getElementById("estado_ciudad");
//var Codigo = pais.split(" - "); NO LO NECESITAS
var CodPais="<iframe scrolling='no' frameborder='0' src='Estado-Ciudad.php?codigo="+ pais +"'>"; // REEMPLAZASAS Codigo[0] por pais 
EstadoCiudad.innerHTML=CodPais;
 

de ahi cuentas,

salu2

Nota: si se te complica mucho colocar value a todos los codigos, porque en realidad son varios, lo puedes hacer con excel, si necesitas ayuda me dices...

[JesusDavidValdivia]

Gracias Por Contestar.
Según A Tu Respuesta Con El Javascript Ya No le Tuve QUe Mover Nada Al Codigo Solo Tuve QUe Regresar a El Archivo PHP que me generaba El Select y Gracias a tu respuesta (SObre El Value En Los Options) Le Puse El Codigo En El Valor y Le Puse El texto normalmente Y despues lo probe y todo anda al chilazo..... Muchisimas Gracias No Lo Ubiera logrado Sin Tu Respuesta

[JavierB]

JesusDavidValdivia, revisa tu último mensaje; has puesto varias palabras empezadas por minúscula.