使用按钮点击在javascript中添加多个文本框 [英] add multiple textbox using button click in javascript

问题描述

您好我在点击按钮时尝试添加多个文本框。我写了以下HTML代码。

Hello I am trying to add multiple textbox when click on button. i have write following HTML code.

<script type="text/javascript">
 function addRow(btn) {         
     var parentRow = btn.parentNode.parentNode;
     var table = parentRow.parentNode;
     var rowCount = table.rows.length;
     var row = table.insertRow(rowCount);
     var cell1 = row.insertCell(0);
     var element1 = document.createElement("input");
     element1.type = "text";
     cell1.appendChild(element1);
     var cell3 = row.insertCell(1);
 }
</script>
<table>
   <tr>
      <td><input type="text" name="data1" value="abc" /></td>
      <td><button type="button" onClick ="addRow(this)">Add</button></td>
   </tr>
</table>

我不知道该怎么做。请告诉我如何做这些事情......提前谢谢

i dont know how to do . kindly tell me how to do this stuff .... thank you in advance

推荐答案

试试这个样本...

var emails = document.getElementById('emails'),
 add_link = document.createElement('a'),
 template = emails.getElementsByTagName('div'),
 current = template.length,
 max = 20;
 template = template[0];

 submit1.onclick = function () {
 var new_field = template.cloneNode(true);
 current += 1;
 new_field.innerHTML = new_field.innerHTML.replace(/1/g, current);
 emails.appendChild(new_field);
if (current === max) {
    add_link.onclick = null;
    document.body.removeChild(add_link);
}
return false;
};

document.body.appendChild(add_link);

对于演示 http://jsfiddle.net/wQfLT/145/

这篇关于使用按钮点击在javascript中添加多个文本框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！