Datalist 在 Safari 中不起作用答案

【问题标题】：Datalist not working in SafariDatalist 在 Safari 中不起作用
【发布时间】：2015-04-25 01:50:40
【问题描述】：

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

【问题讨论】：

github.com/thgreasi/datalist-polyfill

标签： html safari html-datalist

【解决方案1】：

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

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

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

【讨论】：

我尝试在控制台中收到此错误 Uncaught TypeError: Object [object Object] has no method 'autocomplete' flight_eta.html:39 (anonymous function) flight_eta.html:39 c jquery.js :3048 p.fireWith jquery.js:3160 x.extend.ready jquery.js:433 q
我的答案中链接的页面上有示例的代码
是的，是的，我已经添加了脚本 src，即使那时我得到了同样的错误@RRikesh

【解决方案2】：

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

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

【讨论】：