サーバー上のテキスト ファイルから値を取得し、入力テキスト フィールドの選択内容としてデータ リストに入力する簡単なプログラムがあります。
この目的のために私が最初に行いたいのは、JavaScript 配列をデータリスト オプションとして動的に使用する方法を知ることです。
私のコードは次のとおりです:
<html>
<script>
var mycars = new Array();
mycars[0]='Herr';
mycars[1]='Frau';
</script>
<input name="anrede" list="anrede" />
<datalist id="anrede">
<option value= mycars[0]></option>
<option value="Frau"></option>
</datalist>
</html>
配列からの提案としてデータリストを含む入力テキスト フィールドに入力したいと思います。また、ここでは配列の値を考慮していません。実際には、2 つのデータリスト オプションではなく、任意の数 (配列の長さによって異なります) が必要です。
ベストアンサー1
これは古い質問であり、すでに十分に回答されていますが、リテラル HTML の使用を好まない人のために、とにかくここで DOM メソッドを紹介します。
<input name="car" list="anrede" />
<datalist id="anrede"></datalist>
<script>
var mycars = ['Herr','Frau'];
var list = document.getElementById('anrede');
mycars.forEach(function(item){
var option = document.createElement('option');
option.value = item;
list.appendChild(option);
});
</script>