在选项处带有滚动条的Html下拉框

一段时间以来，我一直在试图找到解决这个问题的方法和例子

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

我们的客户并不总是使用正确的分辨率，因此对于某些情况，选项会从屏幕上滚出来

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

例如：

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

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

• 尝试了stackoverflow中与combobox（dropdownbox）相关的带有垂直滚动条的所有其他帖子

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

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

---

我不确定我是否得到了它，但这正是您想要的：您可以只设置生成的选择项的大小。

我不确定我是否得到了它，但这是您想要的：您可以只设置生成的选择项的大小。

在组件中添加这行样式：样式=“高度：200px；宽度：300px；“

. . .

---

在组件中添加这行样式：style=“height:200px；宽度：300px；“

. . . 你可以试试这个

<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>

这是选择1号
这是选择2号
这是选择3号
这是第四条
这是第五条
这是选择6号
这是7号
这是8号
这是第九条
这是10号
这是11号
这是12号

你可以试试这个

<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>

这是选择1号
这是选择2号
这是选择3号
这是第四条
这是第五条
这是选择6号
这是7号
这是8号
这是第九条
这是10号
这是11号
这是12号

如我所说，示例显示。我希望它只显示选定的选项，旁边有一个向下的箭头。单击它时，我希望它显示带有滚动条的选项。您的示例缺少原始的选定选项框从“选择”框中选择选项这里解释了：正如我所说的，示例显示。我希望它只显示选定的选项，旁边有一个向下的箭头。当你点击它时，我希望它显示带有滚动条的选项。您的示例缺少原始的选定选项框从该“选择”中选择选项的说明如下：