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

Question

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

<div style="height=40px;width:200%; overflow-x:scroll;" id="hugewidth">
  <select id="ss">
    <option>1</option>
    <option>1</option>
    <option>1</option>
    <option>1</option>
    <option>1</option>
  </select>
  <br/><br/><br/>
</div>

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

的jsfiddle

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

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

Answer 1

你可以加:

data-container="body"

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