Datalist не работает в Safari

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 supportdatalist. Вместо этого вы можете использовать jQuery UI Autocomplete. Код будет что-то вроде:

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

#tags, где это идентификатор вашего входного элемента и availableTags список элементов, которые необходимо.

Answer 2

вы можете попробовать Select2 Plugin, он работает с

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