在HTML下拉列表中仅显示一些选项

在HTML下拉列表中仅显示一些选项,html,drop-down-menu,Html,Drop Down Menu,如何在下拉列表中显示100个选项中的10个,以及使用滚动条显示其余可用选项 非常感谢。 <select multiple="multiple" size="10"> 我认为生成一个列表,而不是下拉列表…我认为生成一个列表,而不是下拉列表…你可以试试这个小把戏 <select max="2" onmouseover="this.size = 10" onmouseout="this.size = 1"> 它有效地使您的选择下拉到鼠标上方的列表中,并将其放回鼠标上 这

如何在下拉列表中显示100个选项中的10个,以及使用滚动条显示其余可用选项

非常感谢。


<select multiple="multiple" size="10">

我认为
生成一个列表,而不是下拉列表…

我认为
生成一个列表,而不是下拉列表…

你可以试试这个小把戏

<select max="2" onmouseover="this.size = 10" onmouseout="this.size = 1">

它有效地使您的选择下拉到鼠标上方的列表中,并将其放回鼠标上

这是一种欺骗,可能会扰乱你的html定位,但它是有效的


编辑:我很确定当你点击一个“选择”按钮时,你不能改变菜单显示的大小,这是由浏览器决定的,而不是由页面控制的。

你可以试试这个小把戏

<select max="2" onmouseover="this.size = 10" onmouseout="this.size = 1">

它有效地使您的选择下拉到鼠标上方的列表中,并将其放回鼠标上

这是一种欺骗,可能会扰乱你的html定位,但它是有效的


编辑:我很确定当你点击一个选择时,你不能改变菜单显示的大小,这是由浏览器决定的,而不是由页面控制的。

实际上,你并不需要“多”属性。只需设置size属性,它就可以正常工作。但我还是给了你一个提示。@Robusto很有趣,但我认为从可读性的角度来看,我倾向于包含它以减少混淆。实际上,你并不真正需要“multiple”属性。只需设置size属性,它就可以正常工作。但我还是给了你一个提示。@Robusto很有趣,但我认为从可读性的角度来看,我倾向于将其包括在内,以减少混淆。