根据另一个文本框中的输入数字显示正确数量的文本框答案

【问题标题】：Show correct number of textbox based on input number in another textbox根据另一个文本框中的输入数字显示正确数量的文本框
【发布时间】：2018-01-08 01:12:53
【问题描述】：

我有一个带有类型编号的文本框。我想根据用户的输入数量显示特定数量的文本框。我有可能做到吗？我有这样的代码，但我仍然不知道如何根据输入显示文本框。

<div class="col-md-5">
    <h5> Number of Columns:</h5><input type="number" name="" class="form-control">
 </div>

【问题讨论】：

是的，这是可能的。您需要代码来检查文本字段的编号。然后编写代码来创建那么多文本框。您是否尝试过编写 javascript 来做到这一点？我们只看到了您的 HTML 代码。
@AnthonyMcGrath 我还没试过。我不知道从哪里开始
好的，您能具体说明一下您的要求吗？仅供参考通常，这里的人们希望您先自己尝试代码，然后在遇到困难时寻求帮助。我建议将您想要的内容分解为非常具体的细节。然后似乎javascript会处理你需要的所有东西

标签： javascript jquery html angularjs input

【解决方案1】：

这段代码行得通吗？

function textbox() {
  $('#textboxes').empty();
  var a = document.getElementById("number").value;
  for (i = 0; i < a; i++) {
    var textbox = document.createElement("textarea");       
    document.getElementById("textboxes").appendChild(textbox);
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-5">
    <h5> Number of Columns:</h5><input type="number" name="" id="number" class="form-control" value="0">
    <input type="button" value="Submit" onclick="textbox()" />
    <br />
    <br />
    <div id="textboxes">
    </div>
</div>

【讨论】：