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版的Mosh Feu的版本

Javascript Part：

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>

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

2 个答案: