2

我使用数据列表制作了一个简单的自动建议框。它在 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 浏览器中工作？

4

2 回答 2

2

Safari不支持 datalist. 您可以改用jQuery UI 自动完成功能。代码将类似于：

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

#tags您的输入元素的 ID 和您需要的元素列表在哪里availableTags。

于 2013-08-12T12:34:15.993 回答
1

您可以尝试Select2 Plugin，它适用于

IE 8+
Chrome 8+
Firefox 10+
Safari 3+
Opera 10.6+
于 2013-08-12T13:01:42.930 回答