jquery выберите Изменить событие получить выбранную опцию

Question

jquery выберите Изменить событие получить выбранную опцию

я привязал событие к событию изменения моих выбранных элементов следующим образом:

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



});

Как я могу получить доступ к элементу, который был выбран, когда событие change происходит?

682 6

jQuery events

6 ответов:

Comments

Ничего не найдено.

Neal · Accepted Answer · 2012-10-05 19:24:34

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

Bellash · Accepted Answer · 2016-02-29 10:09:59

можно использовать jQuery find метод
 $('select').change(function () {
     var optionSelected = $(this).find("option:selected");
     var valueSelected  = optionSelected.val();
     var textSelected   = optionSelected.text();
 });
вышеуказанное решение работает отлично, но я решил добавить следующий код для них, желающих получить нажатую опцию. Это позволяет получить выбранную опцию, даже если это значение выбора не изменилось. (Проверено только с Mozilla)
    $('select').find('option').click(function () {
     var optionSelected = $(this);
     var valueSelected  = optionSelected.val();
     var textSelected   = optionSelected.text();
   });

slicedtoad · Accepted Answer · 2015-11-11 16:21:16

Делегирован Альтернатива

в случае, если кто использует делегирован подход для их слушателя, используйте e.target (он будет ссылаться на элемент Select).
$('#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');
}
Демо JSFiddle

1.44mb · Accepted Answer · 2015-06-06 03:57:36

Я нахожу это короче и чище. Кроме того, вы можете перебирать выбранные элементы, если их несколько;
$('select').on('change', function () {
     var selectedValue = this.selectedOptions[0].value;
     var selectedText  = this.selectedOptions[0].text;
});

score 4 · Accepted Answer · 2016-04-29 13:45:28

<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();
});
создать select option. После этого с помощью jquery вы можете получить текущее выбранное значение при смене пользователя select option значение.

Recep Can · Accepted Answer · 2017-09-05 17:33:54

еще один и короткий способ получить значение выбранного значения,
$('#selectElement').on('change',function(){
   var selectedVal = $(this).val();
                       ^^^^  ^^^^ -> presents #selectElement selected value 
                         |
                         v
               presents #selectElement, 
});