問題タブ [html-datalist]

簡単に検索できるように可能な回答を事前定義する方法を示すこのリンクがあります。特定の列のすべての行からデータをロードし、データリストとして設定するフォームを作成する可能性はありますか?

サーバー上のテキストファイルから値を取得し、入力テキストフィールドの選択としてデータリストに入力する必要がある単純なプログラムがあります。

この目的のために、私が取りたい最初のステップは、javascript の配列をデータリスト オプションとして動的に使用する方法を知りたいということです。

私のコードは：

配列からの提案として、データリストを含む入力テキスト フィールドに入力したいと考えています。また、ここでは配列の値を考慮していません。実際には2つのデータリストオプションは必要ありませんが、配列の長さに応じてdxnamicが必要です

データリストを使って簡単な自動提案ボックスを作りました。Safariでは機能しません。それを回避する方法はありますか。

この 6 つの空港のみを使用します。Safariブラウザで動作するように実装する方法はありますか?

次のようなデータリスト ボックスがあります。

そして、このデータリストから値を取得する必要がある JavaScript コードがあります。

値を取得するために次のすべてのことを試しました

それはうまくいかないようです。

JavaScript または HTML コードに何か問題がありますか?

コンソールを使用して値を取得すると:

オプションの長いリストがある状態で、ユーザーが選択または入力するために HTML データリストとテキスト入力を使用している状況があります。Firefox と Chrome では、スクロールバーを使用して、最初は表示されていないリストのさらに下のオプションを選択できるようになります。Chrome では、autocomplete="off" 属性を使用すると、この機能が有効になります。残念ながら、IE 10 は、私が認識している限りスクロールバーを表示しないため、ユーザーがリストの一番下までキーダウンしようとしても、最初に表示されているものを表示または選択することはできません。

IE 10 で非常に長いデータリストにスクロールバーを表示するための解決策を知っている人はいますか?

JSFiddle で私の例を見ることができます。

http://jsfiddle.net/amGY9/15/

以下のスナップショットのようにドロップダウンを作成したいと思います。HTML5 datalist私はグーグルで検索し、それがこれを行うのに役立つことを知りました. ただし、データリストにフォーカスがある場合、すべてのオプションが表示されるわけではありません。すべてのオプションを表示するにはどうすればよいですか?

これまでの私のコードは次のとおりです。