页面加载后无法在select2下拉列表中设置多个值

Question

我正在使用select2框进行语言选择。我无法为编辑语言页面设置选定的值

我尝试将数组中的所有值手动设置为select2

$(window).bind("load", function() { 
    $('#language').select2();  //key , value pair of language map
    var value = $('#langList').val(); // hidden list of id "[3,1,7]" value
    var result = value.substring(1, value.length-1);
    var res = result.split(","); // array of ids
    $('#language').val([res[0],res[1],res[2]]);
    $('#language').trigger('change');
});

想将所有值设置为select2。请在下面找到html代码：

        <label for="language">Work Language:</label>
        <input type='hidden' value="${languageList}" id="langList"/>        
        <select name="language" id="language" multiple="multiple"> 
            <c:forEach items="${languageMap}" var="lang">
                 <option value="${lang.key}">${lang.value}</option>
            </c:forEach>
        </select>