Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Событие при изменении select (https://javascript.ru/forum/css-html/72483-sobytie-pri-izmenenii-select.html)

serKrusH 01.02.2018 12:45

Событие при изменении select
 
Здравствуйте, проблема такая:
Выпадающий список пересоздается в зависимости от действий пользователя. Например, у нас есть список
<div class="mySelect">
  <select class="id_country">
    <option value="1">odin</option>
    <option value="2">dva</option>
    <option value="3">tri</option>
  </select>
</div>


В один прекрасный момент у нас отрабатывает
jQuery('.mySelect').html('<select class="id_country"><option value="1">odin</option><option value="2">dva</option></select>');


Пытался отследить событие выбора значения из списка вот так
jQuery('.mySelect .id_country').on('change',function(){
      alert(555);
});


не помогло. Подскажите почему, и как это исправить

Nexus 01.02.2018 12:49

Цитата:

Сообщение от serKrusH
В один прекрасный момент у нас отрабатывает

Когда этот прекрасный момент наступает все обработчики, которые были навешаны удаляются вместе с элементами.

Делегирование обработчика решит проблему.
jQuery('.mySelect').on('change','.id_country',function(){
      alert(555);
});

serKrusH 01.02.2018 13:14

Цитата:

Сообщение от Nexus (Сообщение 476803)
Когда этот прекрасный момент наступает все обработчики, которые были навешаны удаляются вместе с элементами.

Делегирование обработчика решит проблему.
jQuery('.mySelect').on('change','.id_country',function(){
      alert(555);
});

Гениально :)
Спасибо!


Часовой пояс GMT +3, время: 17:41.