我有一个简单的程序,该程序必须从服务器上的文本文件中获取值,然后将其作为输入文本字段中的选择内容填充到数据列表中。
为此,我要采取的第一步是我想知道如何将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>