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

时间:2018-01-08 01:12:54

标签: javascript jquery html angularjs input

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

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

      

      
    

1 个答案:

答案 0 :(得分:0)

此代码有效吗?

&#13;
&#13;
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);
  }
}
&#13;
<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>
&#13;
&#13;
&#13;