javascript - 如何在使用 JavaScript 单击按钮时自动添加列

标签 javascript html

我需要在单击按钮时自动创建更多列。

我有一个添加成员按钮。单击该按钮时,应创建成员姓名、父亲姓名、母亲姓名和出生日期的文本框。

谁能帮我做这件事。

编辑

我需要保留列名称并添加文本框。

编辑

应该添加列而不是行。也只应添加文本字段。

编辑

谁能帮我找到解决方案。

这就是我想要的::

添加成员(member)按钮

群成员姓名 textbox11 textbox12 textbox13 父亲姓名 textbox21 textbox22 textbox23 母亲姓名 textbox31 textbox32 textbox33 DOB textbox41 textbox42 textbox43

第一列和第二列应始终保留在那里。

当我第一次单击“添加成员”按钮时,应该会出现 textbox12、textbox22、textbox32、textbox42。当第二次点击textbox13时,textbox23、textbox33和textbox43也应该出现。

请任何人帮助我解决这个问题。

提前致谢, 阿密斯

编辑

谁能帮我解决这个问题。请......

最佳答案

使用 Javascript 动态追加新行。

<script>
    function addMember() {
        var table = document.getElementById("member_table");
        table.innerHTML =  table.innerHTML + "<tr> ... your table fields here ...</tr>"

    }
</script>

<input name="addMember" type="button" name="AddMember" value='Add Member' onclick="addMember()"/>

关于javascript - 如何在使用 JavaScript 单击按钮时自动添加列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8254912/

相关文章:

javascript - Click() 和 then() 不起作用 - Protractor

javascript - 单独编译 Angular 组件并在 HTML 页面中一起使用它们

javascript - Angular Js : error message get displayed utill page load completes

php - 使用 PHP 发送电子邮件的表单

php - 使用他们的 div id 合并 div?

具有填充和 CSS 样式的 HTML 链接不起作用

javascript - AngularJS:具有 promise 和非 promise 数据的功能

javascript - Three.js - 如何检测选择了什么形状?拖动后

javascript - Angular Material css 不适用于 Slider

asp.net - asp .net Gridview高度溢出到下一个div