Select2，多个选定值无法正常工作

Question

我正在使用select2.min.js version 3.5.2

我正在尝试默认选择几个值。

这是我的HTML：

<select multiple="multiple" name="params.parameterRealValue" class="multiValueNoTypeInParameter multiValueParameter select2Control" id="parameterRealValue1" 
                th:classappend="${parameter.hasChildren ? ' cascadingParameterValue' : ''}"
                th:remove="body">
    <option></option>
    <option value="Value 1">Value 1</option>
</select>

这是我的JS代码：

var multiValueNoType = $("select.multiValueNoTypeInParameter#parameterRealValue" + i);

if(multiValueNoType.length > 0) {
    multiValueNoType.html(options).select2();
    var multipleVals = (defaultValue.v).split(",");
    //defaultValue.v has comma seperated values of state codes
    var simpleArr = [];
    for(var multiCounter=0; multiCounter < multipleVals.length; multiCounter++) {
        // simpleArr.push(multipleVals[multiCounter]);
        simpleArr.push({id: multipleVals[multiCounter], text: multipleVals[multiCounter]});
    }

    multiValueNoType.select2().select2("val", simpleArr );
}

如果选定或检索的是单个值（只有一个选项），一切正常。整个问题是多个价值观。

问题是javascript成功将值放到文本字段中，但是下拉列表中没有删除选定的值。

而且，当我提交表单时，旧的值（如果有的话）未提交但新的值正确提交。我为多个值附加了图像。

我努力寻找一个正确的解决方案，但没有任何效果。在这方面的任何帮助将非常感谢。