Trabajando con la etiqueta select

Muchas veces cuando me toca trabajar con los combos y hay que determinar el valor seleccionado, el texto de la opción seleccionada, etc, me entran tal cantidad de dudas que siempre tengo que volver a buscarlo en Google. Así que he decido crear este post para tener siempre a mano la solución a esas dudas.

Para verlo funcionando puedes visitar el siguiente codepen: http://cdpn.io/izfgq (se utiliza jQuery)

Normalmente, las opciones que suelen necesitarse son:

  • Obtener el value del option seleccionado   $(‘#combo’).val()
  • Obtener el texto del option seleccionado   $(‘#combo option:selected’).text()
  • Establecer como seleccionado uno de los valores   $(‘#combo’).val(‘val-dos’)
  • Limpiar la combo   $(‘#combo’).html(”)
  • Cambiar las opciones del combo   $(‘#combo’).html(‘string con nuevas options’)
  • Incluir nuevas option    $(‘string con las option a incluir’).appendTo(‘#combo’)

Esto suele ser lo mas común. De todas formas, espero actualizar este post a medida que vaya necesitando nuevas funciones.

Trabajando con la etiqueta select

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s