Javascript onclick创建html对象

我想让输入类型文本引用用户输入，如果输入3，它将显示3个新的输入类型文本

我试试这个

<input type='text' id='how_many'><input type='button' id='add' value='add'>
<script>
       function add(){

          var total=$('#how_many).val();

          for(var x=0;x<=total;x++){
             //HOW TO ADD INPUT TYPE TEXT BELOW 
          }

       }
</script>

函数add（）{
var total=$（'#多少）.val（）；
对于（var x=0；x你看：

<div class="container">
    <input type='text' id='how_many' />
</div>

<input type='button' id='add' value='add' />

<script type="text/javascript">
       $(document).ready(function() {
          $("#add").click(function(e) {
               var $el = $('#how_many'),
              total = $el.val();

              for (var x=0;x<=total;x++){
                  $(".container").append($el.val("").clone().attr("id", "total_" + x));
              }
          });
       });
</script>


$（文档）.ready（函数（）{
$（“#添加”）。单击（函数（e）{
var$el=$（“#多少”），
总计=$el.val（）；
对于（var x=0；x您可能缺少'

var total=parseInt($('#how_many').val());


for(var x=0;x<=total;x++){
 $("#mainContainer").append("<input type='text'/>");
}

var total=parseInt（$（'how#umn'）.val（）；
对于（var x=0；x记住解析输入，然后创建：

var total= parseInt($('#how_many').val());

for(var x=0;x<=total;x++){
     $("yourcontainer").append("<input type='text' />");
}

$（'#添加'）。单击（函数（）{
对于（i=0；imising
”
更改为
var-total=$（“#多少”）。val（）
是什么触发了添加功能？如何在基于循环的输入类型文本的克隆中添加id，如id='total_1'，id='total_2'，如果更多地单击添加按钮而不是文本输入，不是更有意义吗？更好的是，只需使用jQuery来绑定它而不是内联绑定？但是我想知道，如果#添加单击两次会阻止循环/破坏环
$("#how_many").blur(add);

$('#add').click(function () {
    for (i=0;i<$('#how_many').val();i++) {
        $(this).after('<div><input type="text" /></div>')
    }
})