用javascript数组填充html
我正在尝试用javascript数组填充html select,你们能帮我完成这个任务吗?下面是我的代码 外部javascript(我在internet的某个地方找到了这段代码) html代码用javascript数组填充html,javascript,html,Javascript,Html,我正在尝试用javascript数组填充html select,你们能帮我完成这个任务吗?下面是我的代码 外部javascript(我在internet的某个地方找到了这段代码) html代码 <Select onclick="setRuleName();" id="dropping" > </Select> 不确定您的title属性来自何处,但在循环数组时,请使用标准的表示,而不是表示in for (var i = 0; i < myCars.length;
<Select onclick="setRuleName();" id="dropping" >
</Select>
不确定您的
title
属性来自何处,但在循环数组时,请使用标准的表示,而不是表示in
for (var i = 0; i < myCars.length; i++) {
var opt = document.createElement("option"); // Create the new element
opt.value = myCars[i]; // set the value
opt.text = myCars[i]; // set the text
sel.appendChild(opt); // add it to the select
}
for(var i=0;i
编写此代码的其他方法。
function setRuleName(){
var myCars=["Saab","Volvo","BMW"],
sel=document.getElementById("dropping");
for(var a=0,tit;tit=myCars[a];++a){
var opt=document.createElement("option");
opt.value=opt.textContent=tit;
sel.appendChild(opt);
}
}
供内部使用(无帖子)
应该是myCars[i]
而不是title[i]
已经尝试将其更改为myCars ash仍然不工作您不应该调用该函数onclick
,否则每次单击时它都会附加选项!伙计们,onclick有人在工作,但onload不知道吗?谢谢。是的,我承认它的标题是错误的,但兄弟,它仍然不起作用,只是想补充一下,我有两个外部脚本,不是吗?问题出在控制台没有错误,奇怪的是,我删除了它所在的外部文件。我在另一个外部脚本中传输了代码,现在所有脚本都不工作。听起来问题出在另一个脚本中。要更新,它已经在运行,现在的问题是,我使用的是onclick事件,所以每次单击时,项目都会添加到我的下拉列表中,我必须使用什么事件,所以当它加载时,所有文件都会加载,谢谢
function setRuleName(){
var myCars=["Saab","Volvo","BMW"],
sel=document.getElementById("dropping");
for(var a=0,tit;tit=myCars[a];++a){
var opt=document.createElement("option");
opt.value=opt.textContent=tit;
sel.appendChild(opt);
}
}
function setRuleName(){
document.getElementById("dropping").innerHTML='<option>'+
["Saab","Volvo","BMW"].join('</option><option>')+
'</option>';
}
console.log(document.getElementById("dropping").selected.textContent);