Foros del Web - Ver Mensaje Individual - como acceder a los valores de un select con this

Naahuel · #2 (**permalink**) 26/07/2011, 17:15

Pues para "pasarlo" mejor a jQuery yo le quitaría el atributo "onchange" al select y lo haría así:

Código Javascript:

Ver original$(function(){
    $('select').change(function(){
        //hacer algo
    });
});

Claro que el selector ('select') lo podemos cambiar por algo más específico si no queremos seleccionar todos los <select> de la página.

Respecto a tu pregunta, te recomiendo que leas la documentación de jQuery ante cualquier duda de qué exactamente hace cada método.

.val() es para elementos de formulario (inputs, selects, textareas, etc). Devuelve el valor que tiene ese elemento. En el caso del select, devolvería el valor del atributo "value" de la opción que está seleccionada o su texto, de no tener dicho atributo. Mirá este ejemplo:

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
<script>
$(function(){
    $('select').change(function(){
          alert('Valor: ' + $(this).val());
    });
});
  </script>
</head>
<body>
<select id="Hola">
  <option>Op 1</option>
  <option value="2">Op 2</option>
  <option>Op 3</option>
  <option>Op 4</option>
  <option>Op 5</option>
  </select>
</body>
</html>

Observá que la única opción con atributo value es la 2, por lo que si la seleccionás obtendrás un "2" en el alert, pero no así con los demás.

Eso sería todo lo que necesitás, no hace falta que obtengas el "selected-index".