ayuda con funcion que cambia datos en ie

paco18ch · #1 (**permalink**) 25/11/2008, 15:40

Hola, estoy haciendo una lista de hoteles, que mediante un alista desplegable los datos cambian segun el hotel seleccionado.

Lo estoy haciendo asi:
Esto es lo que tengo en el script.
<script>
function posada(){
document.getElementById('ubicacion').innerHTML = "Prol. Av. Hidalgo #5300, Fraccionamiento Lomas del Chairel.C.P.: 89360"
document.getElementById('tel').innerHTML = "(833)2-30-10-10"
document.getElementById('fax').innerHTML = "01-833-230-1000"
document.getElementById('web').innerHTML = "www.posadadetampico.com"
document.getElementById('web').href = "http://www.posadadetampico.com"
document.getElementById('contacto').innerHTML = "Gustavo Narváez"
document.getElementById('correo').innerHTML = "[email protected]"
document.getElementById('correo').href = "mailto:[email protected]"
document.getElementById('hab1').innerHTML = "$819.00 M.N"
document.getElementById('hab2').innerHTML = "$819.00 M.N"
document.getElementById('hab3').innerHTML = "$819.00 M.N"
document.getElementById('hab4').innerHTML = "$819.00 M.N"
document.getElementById('extra').innerHTML = "$184.00 M.N PERSONA EXTRA"
} </script>

Y esto es lo que tiene cada elemento de la lista desplegable.
<select>
<option value="" OnClick="posada()">Posada de Tampico</option>
</select>

PERO MI PROBLEMA ES QUE FUNCIONA EN FIREFOX Y EN IE NOO
PLEASE HELPP

Panino5001 · #2 (**permalink**) 25/11/2008, 15:54

Los option no admiten click en Explorer. Para hacer eso sólo podés jugar con el evento onchange del tag select. Pero es relativamente sencillo referenciar un option de esa manera:

Código PHP:

  <select onchange="var opt=this[selectedIndex]">

caricatos · #3 (**permalink**) 25/11/2008, 16:02

Hola:

En vez de onclick en el tag option, usa onchange en el select.
Luego, en vez de poner un value vacío, puedes poner el nombre de la función asociada...

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>
	http://www.caricatos.net/probador
</title>
<script>
function a() {alert("a");}
function b() {alert("b");}
function c() {}

</script>
</head>
<body>
<select onchange="window[this.value]()" >
<option value="c" selected >Elija...</option>
<option value="a" >aaaaa...</option>
<option value="b" >bbbbb...</option>
</select>
</body>
</html>

Saludos

paco18ch · #4 (**permalink**) 25/11/2008, 16:25

Gracias , de verdad. Problema resuelto.