Acceder al contenido de un select con jquery

Acceder al contenido de un select con jQuery

Acceder al contenido de un select con jQuery

En este tutorial aprenderemos cómo acceder al contenido de un select y obtener sus valores con jquery.

Ejemplo

Veamos un ejemplo sencillo

<select id="menu">
<option value="1">Opción 1</option>
<option value="2">Opción 2</option>
<option value="3">Opción 3</option>
</select>

Podemos obtener el valor del option 2 de esta manera

var valor = $("#menu option[value='2']").val();

Si tenemos un option seleccionado

<select id="menu">
<option value="1">Opción 1</option>
<option selected="true" value="2">Opción 2</option>
<option value="3">Opción 3</option>
</select>

Podemos acceder a su value de esta manera

var valor = $("#menu option:selected").val();

O a su contenido tipo texto

var valor = $("#menu option:selected").html();

Si te ha gustado no olvides compartir en redes sociales.

Espero que te haya servido. Cualquier duda deja un comentario. Un saludo

Dejar un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Una idea sobre “Acceder al contenido de un select con jQuery”

Translate »
Ir a la barra de herramientas