Safari에서 HTML5 데이터 목록 태그가 예상대로 작동하지 않습니다.

Question

사용자에게 추천 상자가있는 데이터 목록 태그가 있습니다. 이제는이 기능이 사파리에서 지원되지 않는다는 것을 알고 있습니다. 그렇다면이 문제를 해결하기 위해 무엇을 할 수 있습니까?

여기 내 코드입니다 - 나는 실제로 내가 피곤 많은 솔루션을하지만, 그들 중 누구도 나를 위해 일하지를 게시하기 전에 .. 동적으로 데이터베이스와

<select id="select_departure_city"style="border-radius:6px" onchange="this.nextElementSibling.value = $('#select_departure_city option:selected').text().trim()"></select> 
<input id="input_departure_city" class="form-control admin-input width-80 height-34p padding-0" name="departure_city" type="text" list="listDepartureCity" /> 
<datalist id="listDepartureCity" ></datalist> 

을 내 값을 채우는거야. 내가 피곤

1. HTML5 datalist tag is not populating in Safari
2. Datalist not working in Safari
3. GitHub Help1
4. GitHub Help2이 게시물에서와 마찬가지로

, DataList에 태그와 선택 태그는 다음과 같은 솔루션입니다.

<datalist id="languages"> 
<select> 
    <option value="JavaScript">JavaScript</option> 
    <option value="Haskell">Haskell</option> 
</select></datalist> 

그러나 동적으로 채우기 후 태그를 선택 내 옵션 태그가 배치되지 않는 내 경우에는

. 선택 추가 한 후 내 코드

<datalist id="listDepartureCity"> 
    <select></select> 
    <option value="JavaScript">JavaScript</option> 
    <option value="Haskell">Haskell</option> 
</datalist> 

는이 문제를 해결하기 위해 도와주세요 다음과 같습니다 .. 사전에

감사합니다 ..

Answer 1

당신이 널리 모든 브라우저에서 지원되지 않는 기능을 사용해야하는 경우 Polyfill이 필요할 가능성이 있습니다. 다음은 당신을 위해 일할 데이터리스트를위한 것입니다 : https://github.com/thgreasi/datalist-polyfill