我正在尝试使用 JavaScript 在按钮的有序列表中添加文本框，并在添加文本框时增加 ID 名称答案

【问题标题】：I'm trying to add textboxes within ordered list onclick of a button using JavaScript and also increment ID name while adding the textbox我正在尝试使用 JavaScript 在按钮的有序列表中添加文本框，并在添加文本框时增加 ID 名称
【发布时间】：2016-08-01 20:53:26
【问题描述】：

我尝试使用 document.createElement，它可以很好地添加文本框，但我无法增加 ID 名称。我在 Metro 应用程序中使用它。

【问题讨论】：

您是否尝试过使用 For 循环来增加？ developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
你如何向 createElement 提供“ID 名称”？
我正在使用createElement添加文本框
function addInput () { var input = document.createElement("input"); input.type = "文本"; input.id = "ID 名称"; document.getElementById("list").appendChild(input); }

标签： javascript html microsoft-metro

【解决方案1】：

function textBox(noOfInputTag){

     noOfInputTag = noOfInputTag*1; // Convert to Number
       //noOfInputTag is used to get total textbox you want to create                                
    for(var i = 0; i <= noOfInputTag; i++){
        var textbox = document.createElement('input');
        textbox.type = 'text';`enter code here`
        textbox.id = 'textBox_' + i; // As number of textbox increases id get incremented 
        document.body.appendChild(textbox); 
    }
}
textBox(2);

【讨论】：

请添加说明您所做的事情
function addInput () { for(var i = 0; i
当我执行 ID 名称时生成为 name50 的实例。
你想如何生成它？
对于每个实例，我都需要增加 ID 名称，例如 name1、name2、name3、....、name50。

【解决方案2】：

<form>
  No. of lines:
  <input type="text" id="number" value="0"/>
  <br/>
  <input type="button" id="button" value="Add Line" />
</form>
<div>
  <ol id="linedata">
  </ol>
</div>
document.getElementById('button').addEventListener("click", incrementValue);
function incrementValue() {
  var value = parseInt(document.getElementById('number').value, 10);
  value = isNaN(value) ? 0 : value;
  value++;
  document.getElementById('number').value = value;
  var list = document.createElement('li');
  var box = document.createElement('input');
  box.type = 'text';
  box.id = 'line' + value;
  box.placeholder='Line ' + value;
  list.appendChild(box);
  document.getElementById("linedata").appendChild(list);
}

【讨论】：