选择并选择标签,即html中的下拉列表显示完整列表

选择并选择标签,即html中的下拉列表显示完整列表,html,Html,我的 标记,当我单击“从中选择”下拉列表时。我只获得前20个选项的列表,然后我必须向下滚动列表以选择“向前”,即21到进一步 但我的要求是,当点击下拉选择时,应该显示完整的列表,即所有25-30个选项都应该显示,没有滚动条 请帮帮我。。我在谷歌上搜索了很多,但没有找到任何解决方案。试试那个片段 $('select').on('click', function(){ $('select').attr('size', $('select option').size()); }) 看看这个问

我的
标记,当我单击“从中选择”下拉列表时。我只获得前20个选项的列表,然后我必须向下滚动列表以选择“向前”,即21到进一步

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

请帮帮我。。我在谷歌上搜索了很多,但没有找到任何解决方案。

试试那个片段

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

看看这个问题:


正如公认的答案所指出的那样——没有办法做到这一点。假设您需要使用自定义JS下拉列表来实现这一点。

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

如果“大小”属性的值大于1,但小于列表中的选项总数,浏览器将添加一个滚动条,以指示有更多选项可查看

如果使用
JQuery
,您可以在选择列表中找到如下选项:

var count = $("#mySelect :selected").length;
$("select").attr('size',count);
并将
size
属性设置为该数字,如下所示:

var count = $("#mySelect :selected").length;
$("select").attr('size',count);

这不是一个下拉列表,实际上这是不可能的。那么把问题作为一个完全重复的问题来结束,为什么不呢?