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

How could I display a certain number of input fields based on a variable?

本文关键字：输入 字段 何根 变量 显示      更新时间：2023-09-26

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

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

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

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>

jQuery Mosh Feu版本

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>
相关文章：