Javascript 在Select2中出现无法读取属性'；createTextRange'；未定义的

我有一个带有一些数据的select。。普通数据，没什么特别的，我使用select2将这些数据格式化如下：

<select class="select2-option" id="propertySet_PropertyValues_89d25cf7-fdff-4cf9-8bd6-144e05e38d3e__Value" name="propertySet.PropertyValues[89d25cf7-fdff-4cf9-8bd6-144e05e38d3e].Value" style="width: 250px" tabindex="-1" title="waist">
<option value=""></option>
<option value="84">new born</option>
<option value="85">xs</option>
<option value="86">s</option>
<option value="87">m</option>
<option value="88">l</option>
<option value="89">xl</option>
<option value="103">3 months</option>
<option value="104">6 months</option>
<option value="105">9 months</option>
<option value="106">12 months</option>
<option value="134">xxl</option>
<option value="135">child 6</option>
<option value="136">child 8</option>
<option value="137">child 10</option>
<option value="138">child 12</option>
<option value="139">child 14</option>
</select>

我得到的信息是：

无法读取未定义的属性“createTextRange”

---

当我单击select2组合键时。

尝试在选择器中不使用破折号（-）。

我已经创建了一个小提琴，但无法复制。。。。

function loadSelect2()
{
    $('.select2-option').select2();
}