当sugguest列表很大时，html5 datalist不会下拉菜单 [英] html5 datalist wont dropdown when the sugguest list is large

问题描述

我使用datalist向特定的文本输入提供数据选择，但是当数据列表的大小过大时（我还不知道正确的数字，但很确定当大小大于40时

我使用datalist如下

 < / p> datalist id =citysuggest> 
< option value =北京> 
< option value =锦州> 
< option value =唐山> 
< option value =天津> 
< option value =清远> 
< option value =盘锦> 
< option value =成都> 
< / datalist> 
< input type =textlist =citysuggestname =name1value =/> 
  

此处显示当大小不是太大时，datalist可以在单击向下箭头按钮时下拉。

p>

，但是当datalist太大时（在这个例子中，实数是42），当点击向下箭头按钮时，它不会下拉一个建议列表。

为了记录，这发生在Linux Chrome浏览器版本39.0.2171.95

有什么建议可以解决这个问题？

解决方案

我相信这是由一个已知​​的铬错误：

I use datalist to suggest a selection of data to a specific text input, but when the size of the datalist got too large( I don't know the right number yet, but quite sure when the size is larger than 40 this will happen).

I use datalist as following

<datalist id="citysuggest">
    <option value="北京">
    <option value="锦州">
    <option value="唐山">
    <option value="天津">
    <option value="清远">
    <option value="盘锦">
    <option value="成都">
</datalist>
<input type="text" list="citysuggest"  name="name1" value="" />

here shows when size not "too large", datalist can dropdown when click the down-arrow button.

but when datalist is "too large" (in this example the real number is 42), it wont dropdown a suggest list when click the down-arrow button.

For the record, this happened with Linux Chrome browser Version 39.0.2171.95

any suggestion to fix that?

解决方案

I believe this is caused by a known Cromium bug:

这篇关于当sugguest列表很大时，html5 datalist不会下拉菜单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！