1

我使用 datalist 建议为特定文本输入选择数据，但是当 datalist 的大小太大时（我还不知道正确的数字，但很确定当大小大于 40 时会发生这种情况） .

我使用数据列表如下

<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="" />

此处显示大小不是“太大”时，单击向下箭头按钮时数据列表可以下拉。

数据列表工作正常

但是当数据列表“太大”时（在本例中实际数字为 42），单击向下箭头按钮时不会下拉建议列表。

没有建议弹出

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

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

4

2 回答 2

3

我相信这是由一个已知​​的Cromium 错误引起的：

于 2016-05-10T06:24:46.997 回答
-4

将您的数据列表封闭到一个 div 并放置溢出：

<div style="overflow-x: hidden; overflow: scroll; width: 100%; height:500px"> 
       <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="" />
</div>

希望这可以帮助！

于 2014-12-22T08:19:44.770 回答