jquery - Select2 - 动态加载数据

Question

我正在使用select2插件。我正在尝试根据第二个选择框从数组区域中“加载”数据。这是我的代码：

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

我究竟做错了什么？

谢谢！:)

编辑2：

$('#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');

这是建议的......它仍然给出了以前的错误（Uncaught TypeError）。然而，警报返回：未定义

Answer 1

这：$("#e2").val()应该改为：$("#e2").select2("val")