Javascript 创建与输入值相同的新元素

如何动态创建元素，元素的数量取决于输入文本 感谢您的光临。

<input type="text" id="txt">
<a id="elm">create elemrnt</a>

<div id="foo">
</div>





  $(document).ready(function(){
    $("#elm").click(function(){

var a = parseInt($("#txt").val());

var i=0;
for (i=1;i<=a;i++)
{
     $("#foo").append("<div>hello world</div>");
    }

});

});

创建元素
$（文档）.ready（函数（）{
$（“#elm”）。单击（函数（）{
var a=parseInt（$（“#txt”）.val（）；
var i=0；
对于（i=1；i最终我找到了它

JS:

$（函数（）{
$（“#金额”）.keyup（函数（）{
var金额=$（“#金额”）.val（）；
var i；
如果（金额！=“”）{
对于（i=1；i）您是否希望创建一个元素数组，数组中的元素数量与某个输入值一样大？请读取该值并在循环中创建元素。到目前为止您尝试了什么？对，元素是组合框
$(function() {
    $("#amount").keyup(function() {
        var amount = $("#amount").val();
        var i;
        if(amount != ""){
            for(i=1;i<amount;i++){
               var c = $('#cloned:first').clone(true);
               c.attr("class","cloned");
               $('#cloned:last').after(c);
            }
            $('#tr_table').show("slow");
            $("#hidden").val($("#amount").val());
        }else if(amount == ""){
            var j = $("#hidden").val();
            for(var k=1;k<j;k++){
                $("#cloned").remove();
            }
            $("#tr_table").hide("slow");
        }

    })
})

<table>
<tr>
    <td>
        <input type="text" id="amount">
        <input type="hidden" id="hidden">
    </td>
</tr>
<tr id="tr_table" style="display: none;">
    <td>
        <table id="cloned">
            <tr>
                <td>Some Label</td>
                <td>:</td>
                <td>
                    <input type="text" value="SOME INPUT" />
                </td>
            </tr>
        </table>
    </td>
</tr>