假设我有一个通过foreach循环迭代的表,这些项来自数据库。
例如,
<table>
<?php while($row = $result->fetch_assoc()){?>
<tr>
<td><?php echo $row['id'] ?></td>
<td><?php echo $row['name'] ?></td>
<input type="button" name="add" />
</tr>
<?php }?>
</table>
现在每行中都有一个按钮会被迭代,当我点击添加时我想要的那个特定项应该添加到数组或列表中。它允许我添加任意数量的项目,然后在最后我只需点击一下就可以将它们插入数据库。
我在课堂上学习了jQuery,但是学不了多少。因为它是客户端脚本语言所以这个东西只能通过这个来实现。
有人可以帮忙吗? 谢谢:))
答案 0 :(得分:1)
检查我的例子。运行代码片段进行测试。你会在每次点击添加按钮时获得id数组。然后你可以添加另一个按钮来提交,并且在该按钮的click事件上你可以用数组作为数据对你的php文件进行ajax调用。
$(document).ready(function(){
var array_ids = [];
$('.add_button').click(function(){
array_ids.push($(this).parent().siblings('.row_id').html().trim());
alert(array_ids);
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border="1">
<tr>
<td class="row_id">1</td>
<td>one</td>
<td><button class="add_button">Add</button></td>
</tr>
<tr>
<td class="row_id">2</td>
<td>two</td>
<td><button class="add_button">Add</button></td>
</tr>
<tr>
<td class="row_id">3</td>
<td>three</td>
<td><button class="add_button">Add</button></td>
</tr>
<tr>
<td class="row_id">4</td>
<td>four</td>
<td><button class="add_button">Add</button></td>
</tr>
</table>