2

一段时间以来，我一直在尝试为这个问题寻找解决方案和示例。

我们有一个包含很多选项的组合框，从 1 到至少 100。

我们的客户并不总是使用正确的分辨率，因此某些选项会滚动到屏幕外。

我们想要的是拥有普通的 HTML 组合框，但是当您单击它时会显示一个“框”，其中仅显示 10 个选项，并带有滚动条以滚动到其他 90 个选项

例子：

例子

这个例子（可能）是用winforms制作的，但我想把它作为html/javascript（jquery）。除非您单击控件，否则此时选项将不可见（作为普通组合框可以工作）

我已经尝试过： - 尝试将组合框放在 div 中并给它一个大小。但这会使其失去弹出功能，我们希望保留它。

  • 尝试了stackoverflow中所有其他与垂直滚动条相关的组合框（下拉框）的帖子

  • 添加了 "size='5'" 但这只会使其成为列表框而不是组合框

  • 添加了“multiple='yes'”，但这对我的事业没有任何帮助

4

3 回答 3

1

你可以试试这个。。

<select name="select1" onmousedown="if(this.options.length>8){this.size=8;}"  onchange='this.size=0;' onblur="this.size=0;">
     <option value="1">This is select number 1</option>
     <option value="2">This is select number 2</option>
     <option value="3">This is select number 3</option>
     <option value="4">This is select number 4</option>
     <option value="5">This is select number 5</option>
     <option value="6">This is select number 6</option>
     <option value="7">This is select number 7</option>
     <option value="8">This is select number 8</option>
     <option value="9">This is select number 9</option>
     <option value="10">This is select number 10</option>
     <option value="11">This is select number 11</option>
     <option value="12">This is select number 12</option>
   </select>
于 2015-12-30T12:55:48.907 回答
-1

在你的组件中添加这行样式：style="height: 200px; width: 300px;"。

. . .

于 2014-01-29T21:41:38.360 回答
-1

我不确定我是否得到它，但这就是您正在寻找的：您可以设置生成的选择项的大小。

于 2013-08-15T13:33:42.933 回答