I'm试图从数据库中提取结果，并在具有从数据库中提取的结果的连锁选择框中实际选择结果

我有一个从数据库中填充的链选择框。

我想做的是从第一个框中选择一个结果，等待从数据库中填充第二个选择框，然后在其中选择结果，然后选择第三个和第四个选择框。

这是一个布局的JSfiddle，减去DB数据:http://jsfiddle.net/dDQsQ/1/

如果我尝试

locationselect = JHarray['location'];
$('select#locationselect').val(locationselect).trigger('change');
departmentselect = JHarray['department'];
$('select#departmentselect').val(departmentselect).trigger('change');

它没有足够的时间来填充第二个链选择框。

我该如何等待它填充?

谢谢男孩/女孩。