Событие изменения триггера при загрузке страницы

Question

У меня есть форма, которая показывает / скрывает поля на основе выбора пользователя. Ниже приведен код, который используется для поля select, и он отлично работает.

$('#pager').off('change', '.form_field select').on('change', '.form_field select', function(e) {

    load_all_options($(this), 'select', e);
});

У меня та же функция с различными селекторами, такими как текст и флажок. Все отлично работает во время смены. Но проблема в том, что по умолчанию у меня заполнены некоторые поля, поэтому при загрузке страницы мне нужно вызвать событие изменения, чтобы соответствующие данные были загружены правильно.

Может кто-нибудь дать мне знать, как это сделать лучше?

Спасибо

Answer 1

Вы можете сделать с помощью document.ready .создать массив с именами селекторов. Затем объединить с , .it вызывает событие изменения только для определенного выбранного элемента, указанного в массиве

const select_arr = ['.form_field select','.form_field input']// and use multiple select
$(document).ready(function(){
  $(select_arr.join(',')).trigger('change')
})