多个选择列表未关闭

Question

我一直在尝试使用包含multiple属性和select2 select2-input类的选择列表，但正如我在下图中所示，它无法正常工作

以下是我使用的代码：

 <select id="multilist" class="form-control select2 select2-input" multiple>
                <optgroup label="Alaskan/Hawaiian Time Zone">
                    <option value="AK">Alaska</option>
                    <option value="HI" disabled="disabled">Hawaii</option>
                </optgroup>
                <optgroup label="Pacific Time Zone">
                    <option value="CA">California</option>
                    <option value="NV">Nevada</option>
                    <option value="OR">Oregon</option>
                    <option value="WA">Washington</option>
                </optgroup>
 </select>

我还确保JQuery和Bootstrap都已正确引用。

更新

浏览器的控制台指示这会导致问题：