восстанавливать или сохранять события выбора после .replaceWith()

Question

Я перестраиваю с помощью javascript для настройки опцию элементов на основе ввода пользователем.

На начальной странице загрузки я храню все выбора опций в «countryOptions» и на основе пользовательского ввода я MATCH все содержащиеся в нем выбора опций моих «countryOptions» с новым подмножеством и создать новый выбрать элемент как «newSelect», чтобы записать его в DOM с помощью .replaceWith(newSelect).

выберите элемент имеет на изменение слушателя:

$(countrySelector).on('change', function(){...}); 

Я не использую .html(), потому что, как известно, проблемы в некоторых версиях IE при использовании .html() на выберите элемент. При замене выберите элемент с .replaceWith(), все обработчики событий удалены, как предназначено, .replaceWith().

Я не использую CSS для «скрытия» выберите опцию элементов, потому что это не работает в перекрестном браузере.

Теперь я ищу альтернативу, которая работает с перекрестным браузером или способ сохранить/восстановить обработчики событий. Есть идеи?

Answer 1

Проще всего было бы использовать обработчики событий делегата, которые вы можете связывать каждый раз при замене своих элементов. Но если вы не хотите или не можете сделать это по какой-либо причине, вы можете получить все обработчики событий с

$._data(countrySelector, "events"); 

Но следует помнить, что countrySelector должен быть HTML, а не элемент JQuery. Он возвращает объект со всеми обработчиками, которые затем можно привязать к новому элементу.

Пример кода для делегатов:

function countrySelectorChange() { 
    // do your magic 
} 

Затем связать делегат к событию:

$(countrySelector).on('change', countrySelectorChange); 

Повторите эту операцию для каждого добавленного элемента вам нужно для.

newSelect.on('change', countrySelectorChange); 

Answer 2

может помочь

$(document).on('change', countrySelector , function(){...});