html - 选择和选项标记，即 html 中的下拉列表显示完整列表

Question

<select> </select> 当我单击从下拉列表中选择时，我的标签中有 25-30 个选项。我只得到前 20 个选项的列表，之后我必须向下滚动列表以向前选择，即 21 以进一步。

但我的要求是，当单击下拉选择时，应显示完整列表，即应显示所有 25-30 个选项，没有滚动条。

请帮帮我..我已经做了很多谷歌搜索，但没有得到任何解决方案。

Answer 1

试试那个片段

$('select').on('click', function(){
    $('select').attr('size', $('select option').size());
})

演示

Answer 2

看看这个问题：

HTML 选择框的高度（下拉菜单）

正如公认的答案所述 - 没有办法做到这一点。假设您需要使用自定义 JS 下拉菜单来实现这一点。

Answer 3

元素的属性指定下拉列表中可见选项的数量size。select

如果 size 属性的值大于 1，但小于列表中的选项总数，浏览器会添加一个滚动条，表示还有更多选项可以查看。

如果您使用JQuery，您可以在选择列表中找到选项的数量，如下所示：

var count = $("#mySelect :selected").length;

并将size属性设置为此数字，如下所示：

$("select").attr('size',count);