javascript - 如何使用 Javascript、表值复选框、文本框、单选框、选择选项在表中添加行?

标签 javascript row

点击添加按钮,向表格中添加一个新行

enter image description here

最佳答案

您可以创建一个类似于您的 HTML 代码的字符串,代表该行:

var new_row='<tr>' 
        + '<td><input type="text" id="firstName" name="firstName"></td>'
        + '<td><input type="text" id="lastName" name="lastName"></td>'
        + '<td><input type="radio" id="gender" name="gender"></td>'
        + '</tr>';

我只创建了其中的一部分,您需要添加您的案例所需的所有内容。然后这个 JS 可用于将新行添加到您的表中:

document.getElementById('table_id').append(new_row);

关于javascript - 如何使用 Javascript、表值复选框、文本框、单选框、选择选项在表中添加行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49145432/

相关文章:

javascript - 用逻辑加载对象

swift - 无法向 UITableView 中的部分添加行

javascript - createPattern 未按预期返回

javascript - 响应式下拉 - 单击后隐藏菜单

php - 从多个表中提取多行并使用一个 MySQL 查询对它们进行排序

Jquery 交替行颜色在悬停功能后似乎不起作用

javascript - 如何使用 Javascript 操作行和表的背景颜色

php - 函数中的 Mysql 函数我缺少什么

javascript - 单击提交 <button> 后,访问事件处理程序中存在于 <form> 外部的 <form> 内容

javascript - Twitter Bootstrap,词缀,如何让导航在移动布局的顶部保持静态