JQuery выбрать изменить событие получить выбранный вариант

Я связал событие в событии изменения элементов select с этим:

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

});

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

 SuperUberDuper27 апр. 2017 г., 10:46
LOLOL @ ADG так хорошо!
 adg27 апр. 2017 г., 04:37
@superuberduper Я избегал jquery так долго, как мог, но сопротивление бесполезно. Вы будете чувствовать себя намного лучше после того, как вас ассимилируют.
 Miguel06 апр. 2017 г., 14:35
Почему ты сказал это?

Ответы на вопрос(7)

вы можете перебирать выбранные элементы, если их несколько;

$('select').on('change', function () {
     var selectedValue = this.selectedOptions[0].value;
     var selectedText  = this.selectedOptions[0].text;
});
 13 дек. 2016 г., 11:13
selectedOptions доступно не во всех браузерах
 13 дек. 2016 г., 12:37
@ BernhardD & bf, какие из них? любой источник?
 14 дек. 2016 г., 09:36
Я скопировал ваш код в IE 11 и получил ошибку. Я закончил сthis.options[ this.options.selectedIndex ]. Mozilla говорит поддерживается Firefox с 26, IE нет поддержки.
<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 значение.

 29 апр. 2016 г., 12:43
@MostafizurRahman Мой код очень прост, поэтому я написал только код.
 29 апр. 2016 г., 12:39
не могли бы вы поделиться более подробным объяснением вашего ответа?
Delegated Alternative

делегированный подход для их слушателя, используйтеe.target (это будет относиться к элементу выбора).

$('#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 Demo

 03 апр. 2016 г., 08:48
+1, потому что это то, что я хочу, но когда я попробовал это локально, это не работает. Только работа на jsfiddle, какие CDN мне нужно добавить?

$('#selectElement').on('change',function(){
   var selectedVal = $(this).val();
                       ^^^^  ^^^^ -> presents #selectElement selected value 
                         |
                         v
               presents #selectElement, 
});
 01 окт. 2018 г., 11:27
Случай получает значение, когда событие change отправляется на элемент select. Значение не будет обновляться при выборе изменений, если вам это нравится.
 26 окт. 2017 г., 02:39
если это так, почему не будет "var selectedVal = $ (" # selectElement "). val () & quot; работа & # XBF;

JQuery найти метод

 $('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();
   });
 24 февр. 2016 г., 13:23
Привязка кoption События - рискованное предложение, особенно на мобильных устройствах. Например, Webkit не поддерживает это событие правильно:bugs.chromium.org/p/chromium/issues/detail?id=5284
 29 февр. 2016 г., 09:10
Ладно, круто! Как я уже сказал, второе решение не поддерживается во многих браузерах!
$('#_SelectID').change(function () {
        var SelectedText = $('option:selected',this).text();
        var SelectedValue = $('option:selected',this).val();
});
Решение Вопроса
$('select').on('change', function (e) {
    var optionSelected = $("option:selected", this);
    var valueSelected = this.value;
    ....
});
 25 мая 2015 г., 07:34
Как проверить в случае множественного выбора?
 20 янв. 2014 г., 23:08
Что означает синтаксис $ (& quot; селектор & quot ;, это)? У меня есть общая идея, но я не совсем уверен
 24 янв. 2014 г., 16:07
@JoshWillik с$("selector", this) ты находишь всеselector элементы внутриthisконтекст. Пишу$("selector", this) почти так же, как$(this).find('selector')
 08 июн. 2016 г., 14:39
@ AdrianF & # xF6; der Для вас и других людей, которые ищут его,.find() примерно на 10% быстрее согласно этому ответу:stackoverflow.com/a/9046288/2767703
 07 мая 2014 г., 08:54
@JoshWillik: с тех пор$() псевдонимjQuery()Вы можете найти документацию здесь:api.jquery.com/jQuery Подпись там указана явноjQuery( selector [, context ] ), @ Беллаш: если он "почти одинаковый", то в чем разница? Или что быстрее? я предпочитаю.find() так как это больше ОО ИМО ...

Ваш ответ на вопрос