用js或者jquery动态添加删除行,把添加行的内容与上一行相同
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="box">
<input type="text" id="input-0"/>
</div>
<button id="add">add</button>
<button id="del">del</button>
</body>
<script>
let count =1;
let box=document.getElementById("box");
let inputNode=null;
document.getElementById("add").addEventListener("click",()=>{
inputNode=document.createElement("input");
inputNode.setAttribute("type","text");
inputNode.setAttribute("id","input-"+count);
inputNode.setAttribute("value",document.getElementById("input-"+(count-1))?document.getElementById("input-"+(count-1)).value:"");
box.appendChild(inputNode);
count ++ ;
})
document.getElementById("del").addEventListener("click",()=>{
count--;
console.log(count);
console.log(document.getElementById("input-"+(count-1)));
document.getElementById("box").removeChild(document.getElementById("input-"+count));
})
</script>
</html>
也不知道符合你需求不,你说的不是很清楚,随便写了点,你看看看