데이터 목록이 Safari에서 작동하지 않습니다.

데이터 목록을 사용하여 간단한 자동 제안 상자를 만들었습니다. Safari에서는 작동하지 않습니다. 주변에 어떤 일도 있습니까?데이터 목록이 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 브라우저에서 작동하도록 구현할 방법이 있습니까?

출처

2013-08-12 Kira

https://github.com/thgreasi/datalist-polyfill와 함께 작동 –

사파리 does not supportdatalist. 대신 jQuery UI Autocomplete을 사용할 수 있습니다. 코드가 될 것입니다 뭔가 같은 : #tags는 당신의 입력 요소의 ID와 availableTags 당신이 필요로하는 요소의 목록입니다

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

출처

2013-08-12 12:34:15 RRikesh

내가 콘솔 catch되지 않은 형식 오류이 오류 얻을 시도 : 개체 [개체 개체 flight_eta.html 39 (익명 함수) :]있는 방법 "자동 완성"flight_eta.html이없는 39 jquery.js C : 3048 p.fireWith의 jquery.js : 3160 x.extend.ready jquery.js : 433 q – Kira

jQuery UI 라이브러리가 필요합니다. - http://code.jquery.com/ui/1.10.3/jquery-ui.js – RRikesh

내 대답에 링크 된 페이지에 예제 코드가 있습니다 – RRikesh

당신이 Select2 Plugin을 시도 할 수 있습니다, 그것은

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

출처

2013-08-12 13:01:42 Sushrut

데이터 목록이 Safari에서 작동하지 않습니다.

답변

관련 문제