js如何实现点击新增按钮之后自动增加一行，最多增加四行

js如何实现点击新增按钮之后自动增加一行，最多增加四行

利用table的head or footer





   


javascript时，复制 table.tfoot.tr 即可。删除时，删除tbodies.tr即可。

你的append函数呢，把完整代码放上来吧，文字版追问
function append(){
var tr = $("#areaText");
tr.after(tr.clone());
}
这是我用的函数

这是效果。后两个生成的填上的数值都只在第一个显示，清除按钮也只能操作第一个文本框
追答function append(ele) {
   var tr = $("#areaText");
   tr.clone().insertBefore($(ele).parent().parent());
}
onclick要改一下：
新增追问

还是跟以前一样啊。这还是从第二个文本框选的，但是依旧是在第一个文本框显示的。而且清除按钮还是只能清除第一行文本框的内容。追答你没有给我看你是怎么清除的。我只是回答新增行的问题。
只能清除第一行估计你是通过清除id为areaText的元素这个方式实现的，你只要改成移除这个“清除按钮”的父级的父级（也就是tr）这个就行了。$(this).parent().parent().remove();追问先不管清除了。就说新增吧，就是这个文本框，文本框里面是选择地区。我在新增的文本框里面选择了地区之后他们却显示在第一个文本框中，这是什么问题。追答你网页代码都没拿上来我咋知道什么问题。不过我几乎可以肯定是你绝对用了插件，这个插件恰好是通过id来初始化的。

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息！