Obtener el valor y texto de un select con jQuery

Primero creamos nuestro select:
<select id="mySel">
  <option value="1">Texto 1</option>
  <option value="2">Texto 2</option>
  <option value="3">Texto 3</option>
</select>
Luego procedemos a crear el Script:
<script type="text/javascript">
  $(document).ready
  (
    function()
    {
      $("#mySel").change
      (
        function()
        {
          //Retorna el número y luego el texto
          alert($("#mySel").val() + " - " + 
          $("#mySel option:selected").html());
        }
      );
    }
  );
</script>
Con la opción $("#mySel").val() obtenemos el valor de la opción seleccionada, mientras que con $("#mySel option:selected").html() obtenemos el texto.

0 comentarios:

Publicar un comentario