Как в jQuery выбрать выбранный элемент у select при multiple???

Question

[eldar_web]

Есть select с multiple. Если выбирать с первого и дальше (нажимая CTRL), то он как бы выбирает первый выбранный элемент даже если мы выбрали второй элемент.
В общем, здесь все поймете, просто выберите элементы начиная с первого:
codepen.io/anon/pen/OyLqOQ
Как решить проблему?

Answer 1

[Алексей Зуев]

Там массив codepen.io/anon/pen/meboXM
Последний выбранный можно так получить

var selectedItems = [];

$('select').on('change', function(){
  var curValue = $(this).val();
  for(var i=0; i < curValue.length; i++) { 
    if(selectedItems.indexOf(curValue[i]) < 0) {
      alert(curValue[i]);
    }
  }
  
  selectedItems = curValue;
});

Comments

[eldar_web]

Все-таки там два раза срабатывается alert(), а так не должна работать для меня. Нужно просто выбрать выбранный элемент.

[Алексей Зуев]

eldar_web: так я специально два раза вывел алерт, чтобы вы поняли, что два элемента выбрано

[Алексей Зуев]

eldar_web: вам нужно последний выбранный элемент?

[eldar_web]

Ну это ясно. Все равно я же не решил проблему, потому что там в любом случае будет срабатываться два события, а мне нужна только одна.

[eldar_web]

Имеется ввиду, текущий выбранный элемент мне нужен.

[eldar_web]

Ооо, это уже крайность.

[eldar_web]

А мне нужно было брать у элемента data-id, но к сожалению, там val().

[Алексей Зуев]

eldar_web: я не вижу в примере data-id

[eldar_web]

Ну к примеру у option-ов будет data-id

[Алексей Зуев]

eldar_web: jsfiddle.net/yurzui/6657qdnn

[eldar_web]

Спасибо большое!

Answer 2

[Александр Степанов]

$('select').on('change', function(){
  alert($('select option:selected:last').val());
})

Comments

[eldar_web]

Так и делал, и написал сам себе ответ и сделал его решением, а потом удалил. Почему? Да потому что если выбрать last, то когда мы будем брать с конца будет работать так же, как и с начала.