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.

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.


Nota del autor: Busco programadores y diseñadores freelance para colaborarme con proyectos. Mostrame tus trabajos desarrollados, escribime!


Te agradaría derivar tu proyecto a un programador con años de experiencia?

Ing. Diego Angelini.
Autor de BlogdePHP.com
Programador Web Freelance






Porfolio de proyectos