我正在尝试在我的网站中添加自动加载,但此代码在 iOS 浏览器、Chrome 或 Safari 中不起作用。在其他操作系统中运行良好,包括 Android 设备。 这段代码是我从https://codepen.io/matt-west/pen/jKnzG获得的.
<div id="page-wrapper">
<h1>Datalist Element Demo</h1>
<label for="default">Pick a programming language</label>
<input type="text" id="default" list="languages" placeholder="e.g. JavaScript">
<datalist id="languages">
<option value="HTML">
<option value="CSS">
<option value="JavaScript">
<option value="Java">
<option value="Ruby">
<option value="PHP">
<option value="Go">
<option value="Erlang">
<option value="Python">
<option value="C">
<option value="C#">
<option value="C++">
</datalist>
<label for="ajax">Pick an HTML Element (options loaded using AJAX)</label>
<input type="text" id="ajax" list="json-datalist" placeholder="e.g. datalist">
<datalist id="json-datalist"></datalist>
</div>
请您参考如下方法:
iOS 或 Safari 不支持数据列表。不过,它在 Chrome 中对我来说可以工作,所以你可能使用的是旧版本的 Chrome(或者 iOS 上的 Chrome 可能不受支持,如果你尝试过的话)