Question

我有一个div里面有一个多选列表。 Div有一个固定的高度和溢出y：滚动。当列表具有要显示的巨大值时，div上的滚动条在某个点之后无法关闭。但是，如果我尝试使用鼠标 - 它可以向下滚动。

请参阅标记：

<div id="selectScroll_div" style="margin:-58px 0px 0px 0px">
   <select name="lcLhs" id="lcLhs" size="1480" multiple="multiple">
    <option>.....</option>
   </select>
</div>

在我的CSS中我有：

#selectScroll_div {
width: 180px;
height: 140px;
overflow-y: scroll;
overflow-x: scroll;
}

这是小提琴：

http://jsfiddle.net/Q8Vqh/3/

Answer 1

你有两组滚动条。一个在div上，一个在select上。您需要摆脱选择框上滚动条的需要。

select上滚动条的原因是它的size值小于其中的选项数量。您需要将大小设置为等于select中的选项数量（在您的示例中为1515）。

<强> HTML

<div id="selectScroll_div">
    <select name="lcLhs" id="lcLhs" size="1515" multiple="multiple">
        <option value="699803">AIHI_TREND - this is a very long option</option>
        ...
    </select>
</div>

<强> CSS

#selectScroll_div {
    width: 180px;
    height: 140px;
    overflow: auto;
}

<强> Demo

Answer 2

您只需更改尺寸值即可。您已经分配了1480.请将其更改为7或小于7，或者您可以从select语句中删除大小这就是原因。它不会显示所选的值，直到它完成其大小，根据您的代码是1480.只需更改其值并再次执行。祝你好运

多选不显示完整列表

2 个答案: