创建一个表,每行包含一个与该行数据相关的按钮

时间:2011-04-11 08:27:47

标签: php html ajax html-table

我想知道如何创建一个与该行信息相关的按钮。

到目前为止,我有一个数组,其中包含一个人的名字,姓氏和电话号码。我还想创建一个按钮,所以当用户点击该按钮时,该信息被传送到下一个PHP页面。

每次在数组中创建一行时,我应该创建一个表单吗?

到目前为止,我有:

foreach($array as $row)
        {
                echo (
                "<tr>".
                "<td>".$row['last_name'].       "</td>".
                "<td>".$row['first_name'].  "</td>".
                "<td>".$row['phone_no'].        "</td>".
                "<td>".$row['date_of_birth'].   "</td>".
                "<td>".$row['membership'].  "</td>".
                "<td><Button>Reserve</Button></td>".
                "</tr></table>");
        }

它被回应的原因是因为我在ajax函数中使用它并希望以这种方式输出结果。

有什么建议吗?

2 个答案:

答案 0 :(得分:3)

您可以使用新的HTML5数据属性:

<td><Button data-id='4'>Reserve</Button></td>

然后,您可以使用javascript或更具体的jQuery's .data() functionality来获取此数据值

修改

<!-- Firstly give your button a class -->
<td><button class='ajax_button' data-id='4'>Reserve</button></td>

然后是Javascript

// On click for a button
$(".ajax_button").click(function(){

     // Get the id data attribute
     var id = $(this).data("id");
});

答案 1 :(得分:0)

Html格式http://www.w3schools.com/html/html_forms.asp

你只需要一个表格,有很多输入。如果你想在表单中做多个数据,你可以给它命名为name='data[{n}][last_name]',其中{n}是递增的数字或行的id。

当您提交

时,您将拥有类似$_POST['data'][{n}][<fields>]的数组

你也不需要对数据周围的大括号进行回音。 echo '<stuff>';很好