Buenas tardes, estoy aprendiendo javascript y tengo un problema extraño, la función ".text", no funciona y no se ver el por que, os adjunto el códgio a ver si me podeís ayudar.
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script type="text/javascript">
function visualizar()
{
var posicion = document.Opciones.menu.selectedIndex;//nos dice segun la opcion seleccionada en q posicion del array options estamos
var valor= document.Opciones.menu.options[posicion].value;//de la array de opciones queremos el valor del seleccionado
var opc = document.Opciones.menu.length;
document.write("Numero de opciones que hay en el select: "+opc+"<br>");
document.write("Posicion del array opciones: "+posicion+"<br>");
document.write("El valor de la opción escogida es: "+valor+"<br>");
var texto=document.Opciones.menu.options[posicion].text;//ahora cogemos la frase del array options, no funciona en chrome ni en explore
document.write("El texto de la opción elegida, es el siguiente: "+texto);
}
</script>
</head>
<body>
<form name="Opciones">
Escoje una opción:
<select name="menu">
<option value="10" id="opts">Muy bien</option>
<option value="5" id="opts" selected="selected">Regular</option>
<option value="0" id="opts" >Fatal</option>
</select>
<br />
<input type="button" name="button1" value="Ver Seleción" onclick="visualizar()" />
</form>
</body>
</html>