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")