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

Textbox Should be generated if i specify number of textbox in html and javascript

本文关键字:文本 javascript html 如果      更新时间:2023-09-26

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

这可以用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>

你可以这样做:

$("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/