如何在點擊上添加另一個<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>