我有一个简单的程序,它必须从服务器上的文本文件中获取值,然后将数据列表填充为输入文本字段中的选择。
为此,我想要采取的第一步是我想知道如何动态地将 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>
我想填充包含数据列表的输入文本字段作为数组的建议。同样在这里我没有考虑数组值。实际上我不需要两个数据列表选项,而是一个任意数字(取决于数组长度)。
这是一个老问题并且已经得到了充分的回答,但无论如何我都会为那些不喜欢使用文字 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>
这是小提琴 https://jsfiddle.net/0jvt05L0/.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)