43
¿Cómo se obtiene el actualmente seleccionado <option> de un elemento <select> a través de JavaScript?¿Cómo se obtiene el <option> actualmente seleccionado en un <select> a través de JavaScript?
A
Respuesta
78
Esto lo hará por usted:
var yourSelect = document.getElementById("your-select-id");
alert(yourSelect.options[ yourSelect.selectedIndex ].value)
+9
si lo usa para acceder al valor de la opción, también puede usar 'yourSelect.value'. Es posible que los navegadores antiguos y arcaicos no lo admitan, pero IE6 y todos los navegadores modernos sí. –
+0
@Andy E: ooh, hay una idea: de hecho, eso es lo que estoy haciendo, y su código es un poco más fácil de leer. –
+0
@Andy E: ah, una advertencia sobre ese método - no devuelve el texto del elemento '
17
El .selectedIndex del objeto select tiene un índice; puede usar eso para indexar en la matriz .options.
+0
¡Esto es definitivamente más semántico que la respuesta principal! –
+0
Este es el enfoque más elegante y sencillo – Rice
2
var payeeCountry = document.getElementById("payeeCountry");
alert(payeeCountry.options[ yourSelect.selectedIndex ].value);
+0
Su respuesta ha sido marcada como 'baja calidad' debido a su longitud y contenido. ¿Puedo sugerir que hagas un comentario a la pregunta? –
1
Utilizando la propiedad selectedOptions:
var yourSelect = document.getElementById("your-select-id");
alert(yourSelect.selectedOptions[0].value);
Se works en todos los navegadores excepto Internet Explorer.
+0
"Funciona en todos los navegadores, excepto Internet Explorer." Tan pronto como todos dejen de usar Internet Explorer, ¡estamos felices! [PoliFill posible aquí] (https://gist.github.com/brettz9/4212217). –
Cuestiones relacionadas
- 1. ¿Cómo se obtiene el valor seleccionado de un Spinner?
- 2. ¿Cómo se llama el "operador <<"?
- 3. HTML: Adición <STYLE> y <SCRIPT> etiquetas a través de JavaScript
- 4. ¿Cómo se obtiene el Url Referer a través de un javascript incluido?
- 5. Obteniendo el elemento seleccionado actualmente en QTreeView
- 6. Obtiene la lista de archivos actualmente conectados al elemento <input>
- 7. Cómo crear un bucle a través de LinkedHashMap <String, ArrayList <String>>?
- 8. ¿Cómo se << difiere de +?
- 9. ¿Cómo funciona exactamente la implementación de Scala de <: <, <% <, =: = en el compilador?
- 10. Cargando código ejecutable a través de <img> o <a> etiquetas?
- 11. <img> dentro de <a> obtiene borde azul
- 12. Javascript y `<> ...</>` etiquetas
- 13. jQuery No se puede establecer "seleccionado" = "seleccionado" mediante attr() en <option> elementos?
- 14. ¿Cómo obtengo el texto del nodo seleccionado actualmente en jstree?
- 15. <select> ventana que no se actualiza después del cambio en el atributo seleccionado en <option>
- 16. ¿Cómo sobrecargar correctamente el operador << para un ostream?
- 17. ¿Cómo saber si un elemento <video> se está reproduciendo actualmente?
- 18. Cómo convertir un IEnumerable <IEnumerable <T>> a un IEnumerable <T>
- 19. ¿Cómo se escribe una clase de logger con cout interfaz de estilo (registrador << "Error:" << val << endl;)
- 20. <% $, <% @, <% =, <% # ... ¿cuál es el problema?
- 21. Looping a través de <tr> cuando se pasa la ID de la tabla
- 22. ¿Qué significa el operador de Bash <<<?
- 23. Envolviendo javascript en <!-- -->
- 24. a cabo en << Griales taglib
- 25. ¿Qué significa ">>" y "<<" en Javascript?
- 26. ¿Cómo funciona <: <?
- 27. Cómo deserializar Enumerable.ToList <>() a la lista <>
- 28. Iterar a través de <select> opciones
- 29. ¿Cómo se puede convertir un IEnumerable <t> o IQueryable <t> en un EntitySet <t>?
- 30. ¿Cómo se convierte implícitamente un Func <T> a la Expresión <Func<T>>?
Posible duplicado: [¿Cómo obtener el valor seleccionado de la lista desplegable usando JavaScript?] (Http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using- javascript) –
@AndersonGreen: esa no es * exactamente * la misma pregunta. De hecho, se está preguntando cómo obtener el texto de la selección '