我有一个简单的程序,该程序必须从服务器上的文本文件中获取值,然后将其作为输入文本字段中的选择内容填充到数据列表中。

为此,我要采取的第一步是我想知道如何将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>

我想根据数组的建议填充包含数据列表的输入文本字段。同样在这里,我没有考虑数组值。实际上我不需要两个数据列表选项,而是dxnamic,具体取决于数组长度

最佳答案

我不确定我是否清楚地理解了您的问题。无论如何,请尝试以下操作:

var mycars = new Array();
mycars[0] = 'Herr';
mycars[1] = 'Frau';

var options = '';

for (var i = 0; i < mycars.length; i++) {
  options += '<option value="' + mycars[i] + '" />';
}

document.getElementById('anrede').innerHTML = options;
<input name="car" list="anrede" />
<datalist id="anrede"></datalist>

08-25 13:23