jquery seleccionar cambiar evento obtener opción seleccionada

tooltip html

Question

Enlazé un evento en el evento de cambio de mis elementos seleccionados con esto:

$(''select'').on(''change'', '''', function (e) {

});

¿Cómo puedo acceder al elemento que se seleccionó cuando ocurre el evento de cambio?

Answer 1

Alternativa Delegada

En caso de que alguien esté utilizando el enfoque delegado para su oyente, use e.target (se referirá al elemento seleccionado).

$(''#myform'').on(''change'', ''select'', function (e) {
    var val = $(e.target).val();
    var text = $(e.target).find("option:selected").text(); //only time the find is required
    var name = $(e.target).attr(''name'');
}

Demostración de JSFiddle

Answer 2

Encuentro esto más corto y más limpio. Además, puede recorrer los elementos seleccionados si hay más de uno;

$(''select'').on(''change'', function () {
     var selectedValue = this.selectedOptions[0].value;
     var selectedText  = this.selectedOptions[0].text;
});

Answer 3

Otra forma corta de obtener valor del valor seleccionado,

$(''#selectElement'').on(''change'',function(){
   var selectedVal = $(this).val();
                       ^^^^  ^^^^ -> presents #selectElement selected value 
                         |
                         v
               presents #selectElement, 
});

Answer 4

Puedes usar el método de búsqueda jQuery

 $(''select'').change(function () {
     var optionSelected = $(this).find("option:selected");
     var valueSelected  = optionSelected.val();
     var textSelected   = optionSelected.text();
 });

La solución anterior funciona perfectamente, pero elijo agregar el siguiente código para aquellos que deseen obtener la opción seleccionada. Le permite obtener la opción seleccionada incluso cuando este valor de selección no haya cambiado. (Probado solo con Mozilla)

    $(''select'').find(''option'').click(function () {
     var optionSelected = $(this);
     var valueSelected  = optionSelected.val();
     var textSelected   = optionSelected.text();
   });

Answer 5

$(''#_SelectID'').change(function () {
        var SelectedText = $(''option:selected'',this).text();
        var SelectedValue = $(''option:selected'',this).val();
});

Answer 6

$(''select'').on(''change'', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    ....
});

Answer 7

<select id="selectId">
    <option value="A">A</option>
    <option value="B">B</option>
    <option value="C">C</option>
</select>


$(''#selectId'').on(''change'', function () {
     var selectVal = $("#selectId option:selected").val();
});

Primero crea una select option . Después de usar jquery , puede obtener el valor seleccionado actual cuando el usuario cambie el valor de la select option .