SafariでHTML5 datalistタグが正常に動作しない

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> 

を私の値を移入しています。これらの投稿のように I疲れ

1. HTML5 datalist tag is not populating in Safari
2. Datalist not working in Safari
3. GitHub Help1
4. GitHub Help2

、データリストタグ内でタグを選択このようなソリューションです。

<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

あなたは、広くすべてのブラウザでサポートされていない機能を使用する必要がある場合ポリ充てんが必要になるでしょう。あなたのために働くかもしれないデータリストのための1つはここにあります：https://github.com/thgreasi/datalist-polyfill