如何在点击上添加另一个<dt>

Question

我正在设置一个不固定数字的配料形式。 我希望用户能够将另一个dt添加到客户端的列表中。

代码是：

<form> 
<form> 
    <dl> 
    <dt > 
     <input type="text"/> 
    </dt> 
    <dt > 
     <button type="button" onClick="??"/> 
    </dt> 
    </dl> 
</form> 

有没有办法增加DT客户端上的按钮时，是按？

Answer 1

也许这样？

<form> 
<dl id="appendHere"> 
    <dt > 
    <input type="text"/> 
    </dt> 
    <dt > 
    <button type="button" onClick="doAppend();"/> 
    </dt> 
</dl> 
</form> 
<script> 
var forIndexing = 0; 
function doAppend(){ 
var newIn = document.createElement("dt"); 
newIn.innerHTML = '<input id="someId' + forIndexing + '" type="text"/>'; 
forIndexing++; 
var newdt = document.createElement("dt"); 
newdt.innerHTML = '<button type="button" onclick="doAppend();"/>'; 
document.getElementById("appendHere").appendChild(newIn); 
document.getElementById("appendHere").appendChild(newdt); 
} 
</script>