在頁面加載時觸發更改事件

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 .create 帶有選擇器名稱的數組。然后加入, . 僅在數組中列出的特定選定元素上觸發更改事件

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