使用Javascript复制指针填充HTML选择下拉列表

时间:2016-06-21 18:57:07

标签: javascript html css

我有以下代码,我想要25个相同的" SectorList"包含在具有25个元素的阵列SectorNames中的下拉列表,每个元素由它们各自的形式" Sector1_1"," Sector1_2" ..等等到" Sector5_5" 。

在填充一个下拉后的第二个片段中,我将另外24个下拉分配给那个。这个代码是否会起作用,并且当我想要访问每个扇区下载时,它会产生负面影响。似乎这是一个更简单的方法,然后在每个下拉列表的第二个片段中运行循环,因为GlobalEntry [5]有数千个条目。



// first code snippet
var SectorNames = new Array(25);
var SectorString = "SectorList";
for (var i = 0; i < 5; j++) {
  for (var j = 0; i < 5; i++) {
    SectorString = SectorString + String(i) + "_" + String(j);
    SectorNames[i*5 + j] = document.getElementById(SectorString);
  }
}

//second code snippet
for (var i = 0; i < GlobalObject[5].length; i++) {
  var opt = GlobalObject[5][i];
  var el = document.createElement("option");
  el.textContent = opt;
  el.value = opt;
  SectorNames[0].options.add(el);
}

for (var j = 1; j < SectorNames.length; j++) {
  SectorNames[j] = SectorNames[0];
}
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:2)

分配给sectorNames[j]不会更改DOM元素,只会更改Javascript变量。如果您要填写<select>元素的选项,请指定其innerHTML

var optionHTML = SectorNames[0].innerHTML;
for (var j = 1; j < SectorNames.length; j++) {
    SectorNames[j].innerHTML = optionHTML;
}