Javascript 使用jQuery动态添加和删除文本框，并获取动态文本框的值

我有个问题。下面的代码用于通过

.append（）

和

.remove（）

动态添加和删除文本框。我想所有的文本框内的数据与占位符的文本框将被内爆，并将在我设置的文本框与文本框的名称放置。此外，带有方框占位符的文本框将被放置在为其分配的文本框中。怎么做

这是我的密码：

HTML

<form class="form-horizontal" method= "Post">
    <div class="control-group">
        <div class="inc">
            <div class="controls">
                <input type="text" class="form-control" name="textbox" placeholder="textbox"/> 
                <input type="text" class="form-control" name="text" placeholder="text"/>
                <button style="margin-left: 50px" class="btn btn-info" type="submit" id="append" name="append">
                Add Textbox</button>
                <br>
                <br>
            </div>
        </div>
        <input type="submit" class="btn btn-info" name="submit" value="submit"/> 
        <input type="text" class="form-control" name="textbox" placeholder="texbox"/> 
    <input type="text" class="form-control" name="text" placeholder="text"/>
    </div>
</form>

添加文本框

JavasScript：

<script type="text/javascript">
    jQuery(document).ready( function () {
        $("#append").click( function() {
        $(".inc").append('
            <div class="controls">
                <input class="form-control" type="text" name="textbox" placeholder="textbox">
                <input class="form-control" type="text" name="text" placeholder="text">
                <a href="#" class="remove_this btn btn-danger">remove</a>
                <br>
                <br>
            </div>');
        return false;
        });

    jQuery('.remove_this').live('click', function() {
        jQuery(this).parent().remove();
        return false;
        });
    });
</script>

jQuery（文档）.ready（函数（）{
$（“#追加”）。单击（函数（）{
$（“.inc”）。追加（$




');
返回false；
});
jQuery（'.remove_this'）.live（'click'，function（）{
jQuery（this.parent（）.remove（）；
返回false；
});
});

jQuery（文档）.ready（函数（）{
$（“#追加”）。单击（函数（e）{
e、 预防默认值（）；
$（“.inc”）。追加（$\
\
\
\

\

\
');
返回false；
});
jQuery（document）.on（'单击'，'）。删除此函数（）{
jQuery（this.parent（）.remove（）；
返回false；
});
$（“输入[type=submit]”。单击（函数（e）{
e、 预防默认值（）；
$（this）.next（“[name=textbox]”）
瓦尔先生(
$.map（$（“.inc:text”），函数（el）{
返回el.value
}).join（“，\n”）
)
})
});

添加文本框





jQuery（文档）.ready（函数（）{
$（“#追加”）。单击（函数（e）{
e、 预防默认值（）；
$（“.inc”）。追加（$\
\
\
\

\

\
');
返回false；
});
jQuery（document）.on（'单击'，'）。删除此函数（）{
jQuery（this.parent（）.remove（）；
返回false；
});
$（“输入[type=submit]”。单击（函数（e）{
e、 预防默认值（）；
$（this）.next（“[name=textbox]”）
瓦尔先生(
$.map（$（“.inc:text”），函数（el）{
返回el.value
}).join（“，\n”）
)
})
});

添加文本框





jQuery（文档）.ready（函数（）{
$（“#追加”）。单击（函数（e）{
e、 预防默认值（）；
$（“.inc”）。追加（$\
\
\
\

\

\
');
返回false；
});
jQuery（document）.on（'单击'，'）。删除此函数（）{
jQuery（this.parent（）.remove（）；
返回false；
});
$（“输入[type=submit]”。单击（函数（e）{
e、 预防默认值（）；
$（this）.next（“[name=textbox]”）
瓦尔先生(
$.map（$（“.inc:text”），函数（el）{
返回el.value
}).join（“，\n”）
)
})
});

添加文本框





jQuery（文档）.ready（函数（）{
$（“#追加”）。单击（函数（e）{
e、 预防默认值（）；
$（“.inc”）。追加（$\
\
\
\

\

\
');
返回false；
});
jQuery（document）.on（'单击'，'）。删除此函数（）{
jQuery（this.parent（）.remove（）；
返回false；
});
$（“输入[type=submit]”。单击（函数（e）{
e、 预防默认值（）；
$（this）.next（“[name=textbox]”）
瓦尔先生(
$.map（$（“.inc:text”），函数（el）{
返回el.value
}).join（“，\n”）
)
})
});

添加文本框




please，我提交了一个与此类似的问题，但在javascript中采用了不同的方法。它比我第一次发的要容易得多。可能是重复的是的，它有点相同，但javascript不同，在javascript中是新的，所以我更喜欢这一个，而不是我发布的第一个，因为它更容易学习。解决方案与相同，但我如何才能将文本框加倍？这就是我的问题所在，在.append（）中，我可以创建另一个，但在那里我无法理解。请注意，我提交了一个与此有点类似但在javascript中不同的方法的问题。它比我第一次发的要容易得多。可能是重复的是的，它有点相同，但javascript不同，在javascript中是新的，所以我更喜欢这一个，而不是我发布的第一个，因为它更容易学习。解决方案与相同，但我如何才能将文本框加倍？这就是我的问题所在，在.append（）中，我可以创建另一个，但是我不明白。我想把所有的值放在带有占位符“text”的文本框和带有占位符“textbox”的文本框的值分开，然后把它放在文本框附近的文本框中，文本框中带有placehold的所有值都在文本框中