如何根据变量显示一定数量的输入字段？答案

【问题标题】：How could I display a certain number of input fields based on a variable?如何根据变量显示一定数量的输入字段？
【发布时间】：2016-03-16 03:07:07
【问题描述】：

我正在尝试制作一个计算器，它根据之前输入的数字（变量）显示一定数量的输入文本字段。例如：

有多少随便？（输入变量的文本字段）

我应该如何让页面（onBlur）根据用户编号生成多个文本字段？

【问题讨论】：

允许使用 jQuery 吗？可以带或不带。但是对于 jQuery，它更短（不是更快:)）
jQuery 是允许的，是的。很高兴你问！

标签： javascript html input textbox user-input

【解决方案1】：

function addInputs(elm) {
  var result = document.querySelector('#result');
  result.innerHTML = '';
  for (var i = 0; i < parseInt(elm.value); i++) {
    var wrapper = document.createElement('div');
    wrapper.innerHTML = '<input type="text" placeholder="textfield ' + i + '" />';
    result.appendChild(wrapper);
  }
}

div {
  margin-top:5px;  
}

<input type="text" onblur="addInputs(this)" placeholder="Type a numder" />
<div id="result"></div>

【讨论】：

【解决方案2】：

Mosh Feu 的 jQuery 版本

Javascript 部分：

function addInputs(elm) {
  var html = '';
  for (var i = 0; i < parseInt($(elm).val()); i++) {
    html += '<input type="text" placeholder="Textfield '+i+'">';
  }
  $('#result').html(html);
}

HTML 部分：

<input type="text" onblur="addInputs(this)" placeholder="Type a numder" />
<div id="result"></div>

【讨论】：