Почему клик по селекту срабатывает только со 2 раза?

Question

[focusss]

Есть select при выборе определенного свойства открывается нужный див. В мобильном нужно 2 раза выбирать опцию, тогда только срабатывает.

Ссылка.

$(document).ready(function($) {
  const selector = $('#rasp');

  function update() {
    const value = selector.val();
    const theIndex = parseInt(value) - 1;
    
    $('.rasp-events').each(function(index, el) {
      $(el)[index === theIndex ? 'show' : 'hide']();
    });
  };
  
  selector.on('click', update);
  update();
});

В чём может быть причина?

Answer 1

[Дмитрий Марков]

Вам надо слушать не клик, а change

Comments

[focusss]

Да, всё верно. Спасибо.

Answer 2

[Prog-Time]

Вы можете проверить по какому элементу был совершён клик. Просто вставьте этот код в ваш файл. Этот код работает на jQuery

$(document).on('click', function(e) {console.log(e.target)});

Comments

[focusss]

Спасибо, но вышел дали верный ответ. Я прослушивал клик по селекту, а нужно чекать изменение. Получалось, что при клике я сразу выполнял функцию, хотя ещё по option не кликнул и значение не поменялось у селекта.