同步触发集合上的更改事件

Question

我有2个下拉列表，每个列表中都有任意数量的值。我已经为每个下拉列表上的change事件编写了一个事件处理程序函数，以便将两个值（每个下拉列表中的选定值）作为ajax url参数传递并从数据库中获取对象列表。

我已经为html页面上的每个ajax调用动态创建了复选框列表。因此，我可以选择多个复选框，并将这些值保存在db中。

但出于编辑目的，在页面加载时，我想自动“选中”以前保存在数据库中的复选框，但为此，首先，我必须在每个组合上触发“更改”事件，从2个下拉列表到第一个获取对象列表，然后根据先前保存的值选中复选框。但是，当我使用嵌套的for循环（如代码片段中所示）触发“ change”事件时，有时每种组合都会出现错误的列表。我做了ajax调用syncnus，但问题仍然存在。请帮我解决一下这个。我已经花了很多时间，无法阻止我在这里发布。谢谢。

var currList = [], regList = [];
		$('#currList option').each(function(){
			currList.push($(this).val())
		});
		
		$('#regList option').each(function(){
			regList.push($(this).val());
		});
		
		for(var i = 1 ; i < currList.length; i++){
			$('#currList').val(currList[i]);
			for(var j = 1; j < regList.length; j++){
				$('#regList').val(regList[j]);
				$('#regList').trigger('change');
			}
		}

Two dropdown lists with checkbox list