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

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

javascript html

使用JavaScript将值放入动态生成的输入类型中,javascript,html,getelementbyid,Javascript,Html,Getelementbyid,我有范围/数字类型的输入，这些输入是同步的，并动态生成与其值一样多的输入字段然后我有一个按钮，可以用任意值填充生成的输入字段动态生成的每个输入字段都有唯一的ID，但是document.getElementById（）函数找不到任何ID并返回null 是否有方法更改randomizeItemTypes（）函数中生成的字段的值 function randomizeItemTypes(textbox) { var rackNum = textbox.replace("itemSlider",

我有范围/数字类型的输入，这些输入是同步的，并动态生成与其值一样多的输入字段

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

动态生成的每个输入字段都有唯一的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;
  }
}

function randomizeItemTypes（文本框）{
var rackNum=textbox.replace（“itemSlider”和“”）.replace（“numOfTypes”和“”）；
var numOfTypes=document.getElementById（“numOfTypes1”）.value；
对于（var i=0；i


以下链接是指向我的代码的代码笔：

谢谢大家
 您的rackNum给出的是字符串而不是数字
文本框的id类似于rack1.0、rack1.1
使用document.getElementById（“rack1”+“+i”）.value=4改为

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


随机化
函数printValue（数据）{
var x=document.getElementById（“itemSlider1”）。value=数据；
var y=document.getElementById（“numOfTypes1”）.value=data；
}
函数randomizeItemTypes（）{
var randomValue=Math.ceil（Math.random（）*10）；
打印值（随机值）；
}
fyi，在ID中添加点不是个好主意。在某个时候，您可能会使用选择器来匹配元素（例如jquery或document.querySelector
），然后您需要避开这些dotsTry元素；函数randomizeItemTypes（textbox）{var rackNum=textbox.replace（“randomize1”，“1”）；var numOfTypes=document.getElementById（“numOfTypes1”）.value；for（var i=0；i