entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Manipulación del objeto select para obtener la opción seleccionada con JavaScript

Tengo el siguiente selectbox:

<select id='combo'>
    <option value='a'>A</option>
    <option value='a'>B</option>
    <option value='a'>C</option>
</select>

Usando javascript, ¿como puedo saber cual opción está seleccionada por el usuario?

3 Respuestas

2votos

Peter Puntos150480

Sería algo así:

var combo = documento.getElementById('combo');
if(combo.selectedIndex<0)
    alert('No hay opción seleccionada');
else
    alert('La opción seleccionada es: '+combo.options[combo.selectedIndex].value);

1voto

alv-c Puntos1200

Haciendo algo como:

document.getElementById('combo').value

Con document.getElementById(elemento) obtienes el campo de selección con la id especificada; El atributo value devuelve el valor de la opción seleccionada.

1voto

Viendo que todas las opciones tienen el mismo valor (\'a\'), habría que recuperar el índice seleccionado para luego ver qué opción corresponde a dicho índice. En este fiddle muestro cómo hacerlo.

Saludos.

0voto

alv-c comentado

Cierto, la respuesta que envié solo funciona en caso de que los values sean diferentes (como debe ser)

0voto

humberto_garcia_caba comentado

Quizá esté equivocado, pero no es obligatorio que el campo value sea diferente para todos los option. Es cierto que no tiene mucho sentido que todos sean iguales, pero estar está permitido.

Aquí dejo una referencia al W3C donde especifica el elemento option http://www.w3.org/TR/html5/forms.html#the-option-element

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta