1

我在一个盒子里有一个选择的下拉菜单。盒子有固定的高度和宽度。每当我从下拉列表中选择一个值时，该框都会显示滚动条。我想在框上方显示下拉框的选项。我该怎么做？

在http://jsfiddle.net/tqHNs/检查我的代码

html

<div id="wrapper">
    <select id="sel" style="width: 100px;">
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
        <option value="1">Val-1</option>
    </select>
</div>

css

#wrapper {
    width: 300px;
    height: 100px;
    overflow: scroll;
    border: 1px solid #000;
}
4

3 回答 3

1

将此规则添加到您的 CSS 或更改 selected.CSS 文件中的 CSS 规则

.chosen-container{
    position:absolute !important;
}

演示

于 2013-09-26T11:17:38.150 回答
0

overflow: scroll迫使下拉菜单留在 div 内。

删除溢出样式，它将在框外扩展。

例子

于 2013-09-26T11:07:43.707 回答
0

问题不在于您的溢出属性或其他东西。它是因为您的 jquery。

结果

在此处输入图像描述

于 2013-09-26T11:18:49.033 回答