用javascript数组填充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;

我正在尝试用javascript数组填充html select,你们能帮我完成这个任务吗?下面是我的代码

外部javascript(我在internet的某个地方找到了这段代码)

html代码

<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);