Cómo tomar el valor seleccionado en lista desplegable SELECT con Javascript

Hace un tiempo vimos cómo tomar el valor seleccionado por usuario en lista desplegable mediante PHP.

Pero hay situaciones que necesitamos tomar el valor con otro lenguaje. Así me ocurrió esta mañana mientras desarrollaba una pantalla de pedidos online con Javascript y Ajax para un cliente de Buenos Aires que me contrató para contrató mis servicios freelance para desarrollar sus proyectos.

select-list

Suponiendo que nuestro desplegable tiene id=”test”, el código javascript para tomar el valor seleccionado por el usuario es:

var posicion=document.getElementById(?test?).options.selectedIndex; //posicionalert(document.getElementById(?test?).options[posicion].text); //valor

Mis créditos al autor: http://programarenajax.wordpress.com/2009/09/16/obtener-valor-de-un-select/. En éste link pueden encontrar el código fuente HTML/Javascript completo.

Los desplegables HTML vienen por defecto con un look muy sobrio. En el siguiente link puedes ver un Código Jquery y CSS para dar diseño atractivo a tus listas desplegables.

You may also like...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *