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

サファリはサポートしていません datalist。代わりにjQuery UI Autocompleteを使用できます。コードは次のようになります。

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

入力要素の#tagsID とavailableTags必要な要素のリストです。

于 2013-08-12T12:34:15.993 に答える