Javascript 选择2 allowClear时的奇怪行为：true

我有：

view.find('.entitySelector').select2({
    data       : source.listing().map(source.toDropdown(['id', 'title'])),
    allowClear : true,
    placeholder: "bla bla"
});

当选择器定义为

<select name="entity_id" class="form-control entitySelector">
  <option></option>
</select>

<select name="entity_id" class="form-control entitySelector">
</select>

一切顺利。此时，选择2点显示空白选项（为什么？）

但是，如果选择器定义为

<select name="entity_id" class="form-control entitySelector">
  <option></option>
</select>

<select name="entity_id" class="form-control entitySelector">
</select>

此

allowClear:true

未按预期工作，并显示select2数据中始终选中的第一项

我尝试使用另一组源数据。 为什么会这样