javascript - 输入数字并根据输入的数字显示输入字段

我想根据输入的数量显示输入框的数量。
我的代码不起作用

<input id="howmany" />
<div id="boxquantity"></div>

jQuery / JavaScript

$(function() {
    $('#howmany').change(function(){
        for(i=0; i < $("#howmany").value; i++)
        {
            $('#boxquantity').append('<input name="boxid[]" type="file" id="boxid[]" size="50"/>');
        }
    });
});

最佳答案

工作代码，没有jQuery。

将HTML内置到变量中，然后一次性添加到DOM。

var boxes = "";

document.getElementById("howmany").onchange = function() {
  boxes = "";
  var howmany = document.getElementById("howmany").value;
  for(i=0;i<howmany;i++) {
    boxes += '<b>File ' + i + '</b>: <input type="file" id="box' + i + ' name="box' + i + ' /><br/>';
  }
  console.log(boxes);
  document.getElementById("boxquantity").innerHTML = boxes;
}

这是JSBin link。