Question

如何动态创建元素，元素的数量基于输入文本在此之前谢谢..

Answer 1

<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>");
    }

});

});

Answer 2

最后我找到了它

时：

$(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");
        }

    })
})

HTML：

<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>

创建一个与输入值一样多的新元素

2 个答案: