在div下面的Bootstrap-Select打开选项

我有一个固定大小的div。 假设50px。 在里面,我有一个下拉。 我已经使用bootstrap选择使其可搜索。

1 1 1 1 1


现在的问题是,当我打开下拉列表时,选项会在hugewidth div下进行。 我希望下拉列表在该div上方打开。 请参阅可能清除问题的JSFiddle。

的jsfiddle

看到!! 它位于滚动条下方。 任何人都可以帮我这个? 我希望下拉选项div覆盖滚动条。 如果不可能,那么在打开和关闭时是否有任何方法可以根据下拉选项大小调整div高度? 下拉选项是动态的。

还有一件事。 是否可以停止下拉菜单向上打开? 示例: JSFiddle

你可以加:

 data-container="body" 

选择元素。 或者在那里显示下拉列表的另一个元素。 看到它: http : //jsfiddle.net/IceManSpy/Y9hyD/2/