Select2 - 动态加载数据

Question

我正在使用select2插件。我试图根据第二个选择框从阵列区域制作e3“加载”数据。这是我的代码：

var regions = [{"first":["City1", "City2"],"second":["City3", "City4"]}]; 
$('#e2').select2().on('change', function() { 
    $.each(regions[($("#e2").val())], function(key,value) { 
     $("#e3").append("<option value='"+value+"'>"+value+"</option>"); 
    }); 
}).trigger('change'); 

编辑：错误我得到的，我每次改变#e2的价值时间：Uncaught TypeError: Cannot read property 'length' of undefined

我在做什么错？

谢谢！ :)

EDIT2：

$('#e2').select2().on('change', function() { 
    $.each(region[$("#e2").select2("val")], function(key,value) { 
     alert(region[$("#e2").select2("val")]); 
     $("#e3").append("<option value='"+value+"'>"+value+"</option>"); 
    }); 
}).trigger('change'); 

这个建议......它仍然给以前的错误（遗漏的类型错误）。然而，警报返回：未定义

Answer 1

此：$("#e2").val()应该改成这样：$("#e2").select2("val")