javascript - 如果我在 html 和 javascript 中指定文本框的数量，则应该生成文本框

Question

假设我在 html 中有一个文本框，它将指定文本框的数量应该使用 html 和 javascript 的文本框 ID 序列动态生成。
怎么做？

Answer 1

你可以这样做：

$("input.number").on("change", function() {
    var num = $(this).val();
    for(var i=0; i<num; i++) {
        $(this).after('<input type="text" />');
    }
});

http://jsfiddle.net/ryanbrill/9c5jY/

Answer 2

可以使用java脚本完成，如果使用jquery会很容易。

如果您的代码是

<input type=text id=noOfTb onchange="change();"/>
<div id=tbs>
</div>

然后添加 jQuery 和以下脚本

<script type=javascript>
function change(){
var no= $("#noOfTb").val();
for(var i=0;i<no;i++){
    $("#tbs").append("<input type=text id="+i+" >");
  }
}
</script>