Foros del Web - Ver Mensaje Individual

utan · #2 (**permalink**) 12/08/2012, 13:10

Hola,

Usa el innerHTML metodo ya que esta disponible en casi todos los Exploradores..

Código HTML:

Ver original<!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 texto=document.Opciones.menu.options[posicion].innerHTML;//usar el innerHTML crossbrowser supported
    var opc = document.Opciones.menu.length;
    document.write("Numero de opciones que hay en el select: "+ opc +"<br>"
                   +"Posicion del array opciones: "+ posicion +      "<br>"
                   +"El valor de la opción escogida es: "+ valor +   "<br>"
                   +"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>

Le hise algunos cambios para mayor entendimiento de lo que hace...

pasa un feliz dia.