我试图通过 JavaScript 填充数据列表,但失败得很惨。下面的代码(对我来说)看起来不错 - 但显然不是。
我需要从数组中填充数据列表并最终嵌入 PHP echo
<html>
<head>
<script type="text/javascript">
function populate()
{
var cars = ["Saab", "Volvo", "BMW"];
var counter=0;
for (counter=0; counter<cars.length; counter++)
{
options +='<option value='+cars[counter]+'/>';
document.getElementById('mylist').innerHTML = options;
}
}
</script>
</head>
<body>
<input list="mylist" />
<datalist id="mylist">
<option value="address1">
<option value="address2">
</datalist>
<input type="button" onclick="populate();" >
</body>
</html>
最佳答案
只需更改几个地方即可使代码运行。
- 您需要在循环之前定义
选项
- 只有在准备好完整的选项列表后才应添加
innerHTML
代码中的其他一些地方也进行了优化。
<html>
<head>
<script type="text/javascript">
function populate()
{
var cars = ["Saab", "Volvo", "BMW"];
var options = "";
for (var counter=0; counter<cars.length; counter++) {
options +='<option value=" ' +cars[counter] + '">';
}
document.getElementById('mylist').innerHTML = options;
}
</script>
</head>
<body>
<input list="mylist" />
<datalist id="mylist">
<option value="address1">
<option value="address2">
</datalist>
<input type="button" onclick="populate();" value="populate" >
</body>
</html>
关于javascript - 通过 Javascript 附加到数据列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57537292/