como saber el texto de la opción elegida en un select...?

masterjail · #1 (**permalink**) 29/11/2004, 07:42

Hola, estoy intentando hacer lo que pone en el título del mensaje... he buscado por ahí y he encontrado que se podría hacer así:

Código:

var indice = document.formul.miSelect.selectedIndex;
var textoEscogido = document.formul.miSelect.options[indice].text;

pero a mi no me funciona... de todas formas quiero hacerlo con arrays asociativos de esos

pero tampoco me funciona:

Código:

var indice = document.forms[0]["miSelect"]["selectedIndex"];
var textoEscogido = document.forms[0]["miSelect"]["options"][indice]["text"];

la primera linea si funciona pero la segunda no... y la he probado con y sin comillas y con mil variantes más pero nada de nada...

A ver si alguien puede darme alguna pista

baklao · #2 (**permalink**) 29/11/2004, 08:01

Hola como lo tienes esta bien de repente no esta tomando los valores que le estas pasando una manera de depurarlo y sabe que esta pasando has lo siguiente

Código:

<script>

var indice = document.formul.miSelect.selectedIndex;
alert(indice);
var textoEscogido = document.formul.miSelect.options[indice].text;
alert(textoEscogido);

</script>

espero haberte ayudado

Atte. Mohamed
desde Venezuela - Isla de Margarita

masterjail · #3 (**permalink**) 29/11/2004, 09:51

Pues no me ha ayudado porque ya había hecho eso...

Haciendo lo siguiente...

Código:

var indice = document.forms[0]["miSelect"]["selectedIndex"];
var textoEscogido = document.forms[0]["miSelect"]["options"][indice]["text"];

...el error que me da es: Object doesn't support this property or method.

baklao · #4 (**permalink**) 29/11/2004, 10:15

Hola mandame si puedes el codigo de javascript y de donde le haces el llamado y asi podre ayudarte mejor.

Atte. Mohamed
Desde Venezuela - Isla de margarita

angsanchez · #5 (**permalink**) 29/11/2004, 12:37

Hola, masterjail
He probado tu código y ambas versiones me funcionan bien. El error debe estar en otra parte del código (¿el formulario?). Revísalo o ponlo aquí completo.

Éste es el mío:

Código HTML:

<html>
<head>
<script language="javascript" type="text/javascript">
function leeSelect1() {
var indice = document.formul.miSelect.selectedIndex;
var textoEscogido = document.formul.miSelect.options[indice].text;
alert(textoEscogido)
}
function leeSelect2() {
var indice = document.forms[0]["miSelect"]["selectedIndex"];
var textoEscogido = document.forms[0]["miSelect"]["options"][indice]["text"];
alert(textoEscogido)
}
</script>
</head>

<body>
<form name="formul">
<select name="miSelect">
<option id="1" value="a1">Opción 1</option>
<option id="2" value="a2">Opción 2</option>
<option id="3" value="a3">Opción 3</option>
</select>
<br>
 <input type="button" value="Leer método 1" onClick="leeSelect1()">
 <input type="button" value="Leer método 2" onClick="leeSelect()">
</form>


</body>
</html>