如何根據變量顯示一定數量的輸入字段？

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>