Question

我使用数据列表创建了一个简单的自动建议框。它在Safari中不起作用。是否有任何工作要做。

<input list="places" placeholder="Enter origin airport" />
<datalist id="places">
    <option value="Manchester Ringway Interantional">
    <option value="Chicago O'Hare Intl">
    <option value="Glasgow International">
    <option value="Edinburgh">
    <option value="Dubai International">
    <option value="New York JFK">
</datalist>

我将只使用这6个机场。有没有办法实现它，所以它在Safari浏览器中有效？

Answer 1

Safari does not support datalist。您可以使用jQuery UI Autocomplete代替。代码将类似于：

$(function() {
  var availableTags = [
  "ActionScript",
  "AppleScript",
  "Asp",
  ];
  $( "#tags" ).autocomplete({
    source: availableTags
  });
});

其中#tags是输入元素的ID，availableTags是您需要的元素列表。

Answer 2

你可以试试Select2 Plugin，它适用于

IE 8+
Chrome 8+
Firefox 10+
Safari 3+
Opera 10.6+

Datalist不在Safari中工作

2 个答案: