使用JavaScript将值放入动态生成的输入类型中

Question

我有Range / Number类型的输入，它们被同步并动态生成输入字段和它们的值一样多。

然后我有一个按钮，用任意值填充生成的输入字段。

动态生成的输入字段每个都有唯一的ID，但document.getElementById()函数无法找到任何ID并返回null。

有没有办法在randomizeItemTypes()函数中更改生成的字段的值？

function randomizeItemTypes(textbox) {
  var rackNum = textbox.replace("itemSlider", "").replace("numOfTypes", "");
  var numOfTypes = document.getElementById("numOfTypes1").value;
  for (var i = 0; i < numOfTypes; i++) {
    document.getElementById("rack" + rackNum + "." + i).value = 4;
  }
}

以下链接是CodePen到我的代码： http ：//codepen.io/cnc4ever/pen/LGNMEp

多谢你们！

Answer 1

你的rackNum给出了一些字符串而不是数字你的文本框id就像rack1.0 , rack1.1使用document.getElementById("rack1" + "." + i).value = 4; 代替

Answer 2

 <html>
  <head>
    <title></title>
  </head>
   <body>
 <div class="itemsTypes1">
    <input id="itemSlider1" type="range" value="" min="1" max="10" step="1" onchange="printValue(this.value);drawItemTypes('itemSlider1');" />

     <input id="numOfTypes1" type="number" value="" min="1" max="10" onchange="printValue(this.value);drawItemTypes('numOfTypes1');" />
    <p id="itemTypes1Area"></p>
  <button id="randomize1" onclick="randomizeItemTypes()">Randomize</button>
</div>
<script type="text/javascript">
         function printValue(data) {

              var x = document.getElementById("itemSlider1").value = data;
              var y = document.getElementById("numOfTypes1").value = data;

            }
         function randomizeItemTypes() {
              var randomValue= Math.ceil(Math.random()*10);
              printValue(randomValue);
            }
      </script>
   </body>
 </html>

使用JavaScript将值放入动态生成的输入类型中

问题描述

2 个解决方案

解决方案1
3 已采纳 2015-12-19 11:44:27

解决方案2
0 2015-12-19 12:32:02

使用JavaScript将值放入动态生成的输入类型中

问题描述

2 个解决方案

解决方案1 3 已采纳 2015-12-19 11:44:27

解决方案2 0 2015-12-19 12:32:02

解决方案1
3 已采纳 2015-12-19 11:44:27

解决方案2
0 2015-12-19 12:32:02