Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/maven/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 可滚动下拉列表_Javascript_Menu_Drop Down Menu_Scrollable - Fatal编程技术网

Javascript 可滚动下拉列表

Javascript 可滚动下拉列表,javascript,menu,drop-down-menu,scrollable,Javascript,Menu,Drop Down Menu,Scrollable,我正试图弄明白这一点。下面是示例代码 <select> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option

我正试图弄明白这一点。下面是示例代码

<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
</select>

1.
2.
3.
4.
5.
6.
7.
8.
如何使此文件可滚动?假设您希望它只显示3个选项,可以滚动到最后一个选项,并且仍然是一个下拉菜单。许多人建议使用
附带的
attr“size”
。这将给出滚动效果,但不是我所想的

那么这可能吗?我一直在研究这个论坛,很多人建议使用带有样式的标签。但我只是想知道是否有可能创建可滚动的下拉菜单


提前感谢。

如果长度超出限制,则默认情况下它将变为可折叠。我不知道这是否是特定于浏览器的,但在chromed 11/ubuntu中,选择下拉列表在第21个条目中变成可滚动的。

试试这个。在这里,当选择下拉列表时,下拉列表变为列表框,当选择任何选项或从下拉列表中删除焦点时,下拉列表返回到以前的状态


...
...

hmm。。是否可以根据更具体的需要进行控制?
    <select name="select1" onmousedown="if(this.options.length>8){this.size=10;}" onchange='this.size=0;' onblur="this.size=0;">
...
...
</select>