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

时间:2012-02-14 19:47:33

标签: javascript html

我正在设置一种具有不固定数字的成分。 我希望用户能够将另一个dt添加到客户端的列表中。

代码是:

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

当按下按钮时,有没有办法在客户端添加dt?

1 个答案:

答案 0 :(得分: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>