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

Question

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

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

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

Answer 1

尝试该代码段

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

demo

Answer 2

看看这个问题：

Height of an HTML select box (dropdown)

正如已接受的答案所述 - 没有办法做到这一点。假设你需要使用自定义JS下拉来实现这一点。

Answer 3

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

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

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

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

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

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