select标签区域联动获取另一个select标签的第一个默认值

[sd6275832ght]

小弟菜鸟写做了个网站

其中有个功能 是部门联动 功能 用了2个select标签 ，其中 select 1标签中 加载一级部门 在 select1标签选择一个一级部门 自动把所选择的一级部门下的二级部门自动加载到 select2 标签中 ，
现在遇到个问题，我在选中select1标签中的一个1级 部门select2中的标签 获得 选择1级部门下的2级部门， 我想实现选中一个 1级别部门后 获取 select2标签中 默认选中的第一个2级部门的名称 赋值给一个隐藏域中 ，但现在的问题是 程序第一次加载 select 1标签自动加载 1级部门的数据 select 2标签 也自动加载 了的默认选中的1级部门下的2级部门的数据 在获取 select2 标签中 默认选中的 第一个数据我的代码这样写的
$('#select1').change(function () {
LoadData(2, $('#select option:selected').val()); 此方法在seeclt 2标签中加载 2级部门的数据


$('#erbmmc').val($('#select2 option:selected').text());//获取 select 2标签中 选中的默认值
})
但这么获取 在调试的时候只能获取 上一次 选中的默认值 如 第一次加载 select 1 中默认选中的内容 供水部 select 2中默认选中的内容 调度处 ， 在select 1的里面 在选择一个别的1级部门 财务部 select 2 中的默认选中是 财务1处
执行了 select 1 的change方法来获取 财务1处的文本值赋到一个隐藏域中 ，但在调试的时候 隐藏域中的值还是 调度处

求群里的大神们指导小弟

[天际的海浪]

你的LoadData()方法可能是ajax异步方式加载数据的。 这就需要给LoadData()方法加个回调函数。当加载数据完成后调用这个回调函数，在回调函数中获取 select 2标签中 选中的默认值

[天际的海浪]

例如

function LoadData(x,xxx, callback) {
	$.ajax({
		url: "xxxxxxxxxxxx",
		type: "POST",
		success: function (data) {
			//........加载数据,更新select标签.........
			if (typeof callback == "function")
				callback();
		}
	});
}

$('#select1').change(function () {
    LoadData(2, $('#select option:selected').val(), function () {
    	$('#erbmmc').val($('#select2 option:selected').text());
    });
});