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

时间:2013-04-17 04:05:03

标签: javascript html

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

2 个答案:

答案 0 :(得分:0)

你可以这样做:

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

答案 1 :(得分:0)

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