5

我有一个用于自动完成的数据列表。

如何将滚动条应用于它？

我的 HTML 代码：

<input list="languages" id="language_id" />
<datalist id="languages" style="visibility:hidden;white-space:nowrap;overflow:scroll;">
  <option value="html">HTML</option>
  <option value="java">Java</option>
  <option value="perl">Perl</option>
  <option value="php">PHP</option>
  <option value="ruby-on-rails">Ruby on Rails</option>
</datalist>

而且当我双击文本框时，所有的单词都会显示。双击时如何隐藏所有显示的单词？

4

2 回答 2

1

用Javascript可以制作滚动条，焦点后可以单击在datalist上显示项目。

于 2014-05-24T21:39:10.630 回答
0

不幸的是，你对 datalist 属性无能为力。datalist 目前不支持任何 CSS 样式，具体的视觉特征是特定于浏览器的。一些浏览器可能会选择为长列表添加滚动条。

如果这不可接受，您可能不得不忘记数据列表并通过 Javascript 实现 ComboBox。我相信 JQuery 有一个可能合适的自动完成功能。

于 2016-04-18T09:39:53.763 回答