Javascript 如何将JSON数组添加到无限多的选项菜单中?

Javascript 如何将JSON数组添加到无限多的选项菜单中?,javascript,json,Javascript,Json,对于WebInterface,我需要使用JavaScript将JSON数组添加到无限多的选项菜单中。我还不熟悉JavaScript编程,我想你可以帮我 我找到了一个将JSON数组添加到optionmenu的解决方案,该解决方案很有效,因此我尝试添加一些代码,使其能够与无限多的选项菜单一起工作 我有两个选择标签: <select id="selection1" class="selectionMenu"> </select> <select id="selection

对于WebInterface,我需要使用JavaScript将JSON数组添加到无限多的选项菜单中。我还不熟悉JavaScript编程,我想你可以帮我

我找到了一个将JSON数组添加到optionmenu的解决方案,该解决方案很有效,因此我尝试添加一些代码,使其能够与无限多的选项菜单一起工作

我有两个选择标签:

<select id="selection1" class="selectionMenu"> </select>
<select id="selection2" class="selectionMenu"> </select>

下面的代码是我编写的脚本,用于将选项标记添加到两个选择菜单中,这对我来说都不适用

<script>

 var arr = [
  'selection1',
  'selection2'
 ]

 var arrLen = arr.length - 1;

 for (j = 0; j < arrLen; j++) {

  var arrElm = arr[j];

  var select = doucment.getElementById(arrElm);

  var text = '{"nrrps":[' +
   '{"dbC":"PI1","PIIP":"192.168.2.17" },' +
   '{"dbC":"PI2","PIIP":"192.168.2.18" },' + 
   '{"dbC":"PI3","PIIP":"192.168.2.19" }]}';

  for (i=0; i < text.length; i++;) {

   var opt = document.createElement('option');

   var counter2 = i + 1;

   obj = JSON.parse(text);

   var insertText = obj.nrrps[i].dbC + " " + obj.nrrps[i].PIIP + " ";

   var optVal = obj.nrrps[i].dbC;

   opt.value = optVal;

   opt.innerHTML = insertText;

   opt.setAttribute("class", "sOption");

   select.appendChild(opt);

  }

 }

</script>

var arr=[
“选择1”,
“选择2”
]
var arrLen=arr.length-1;
对于(j=0;j
当我运行代码时,JSON数组被插入到第一个select标记中,而不是第二个select标记中。我不知道为什么。此外,在选择选项后是否有可能获得每个select标记的值

我希望你能帮我做这件事


提前谢谢你

您已经在从数组长度中减去一。因此,首先运行for循环,直到1st:正如@kamesh提到的那样,您已经应用了长度为
1的for循环,因此更改操作符,如下所示
j很高兴帮助您:)
....
....
for (j = 0; j <= arrLen; j++) {

  var arrElm = arr[j];
....
....
for (j = 0; j <= arrLen; j++) { ... }
var obj = JSON.parse(text);

for (i=0; i < obj.nrrps.length; i++) {...}