在搜索框外显示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;
}