jquery 动态增加,每行增加3个不同名字的单元格input并赋值
时间: 2024-05-01 17:16:22 浏览: 77
以下是一个示例代码,可以实现每行增加3个不同名字的单元格input并赋值:
```javascript
$(document).ready(function(){
var names = ["John", "Jane", "Bob", "Mary", "Tom", "Sara"]; // 可选的名字列表
var table = $("#myTable"); // 目标表格
var count = 0; // 计数器
// 点击按钮时动态增加一行
$("#addRowBtn").click(function(){
// 创建一行
var row = $("<tr></tr>");
// 循环增加3个单元格
for (var i = 0; i < 3; i++) {
// 从名字列表中随机选取一个名字
var name = names[Math.floor(Math.random() * names.length)];
// 创建一个单元格并赋值
var cell = $("<td></td>").append($("<input>").attr("name", "name" + count).val(name));
// 将单元格添加到行中
row.append(cell);
// 更新计数器
count++;
}
// 将行添加到表格中
table.append(row);
});
});
```
在上述代码中,我们首先定义了一个可选的名字列表,然后将目标表格和计数器初始化。
在按钮点击事件的回调函数中,我们创建一个新的行,并循环增加3个单元格。在每个单元格中,我们从名字列表中随机选取一个名字,并创建一个带有相应名称和值的输入框。最后,我们将单元格添加到行中,更新计数器,并将行添加到表格中。
请注意,上述示例代码仅供参考,并可能需要根据具体需求进行修改。
阅读全文