在搜索框外显示 select2 多项选择

Question

有什么方法可以在搜索框外显示 select2 个选中的项目吗？
我现在拥有的：
这是一个示例 fiddle:

但我想要的是：

.select2-search-choice{
   width:100%
}
<select multiple id="e1" style="width:300px">
    <option value="AL">Alabama</option>
    <option value="Am">Amalapuram</option>
    <option value="An">Anakapalli</option>
    <option value="Ak">Akkayapalem</option>
    <option value="WY">Wyoming</option>
</select>

Answer 1

现在您已将其设置为溢出：隐藏；。通过继承取消它，然后设置您希望答案离顶部多远。

http://jsfiddle.net/q2hp451y/3/

.select2-search-choice{
  width:100%
}

.select2-container-multi .select2-choices {
    overflow: inherit;
}

.select2-container-multi .select2-choices .select2-search-choice {
     top: 30px;
     width: 270px;
}