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

Question

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

有多少什么 ？ （输入变量的文本字段）

我应该如何使页面（ onBlur ）根据用户的号码生成许多文本字段？

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

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