单击每行上的按钮时更新数据

时间:2017-03-16 05:17:40

标签: php jquery ajax

我是新手程序员。单击每行上的按钮,我需要选择更新数据。现在我可以选择并显示数据,但只是第一个更新按钮正在工作。我认为这个问题的原因是按钮ID是一样的。我无法弄清楚如何创建唯一的ID。我尝试将id =“updatedb”更改为id =“$ i”并且没有任何工作

我的脚本是:

    $(function(){
            $('#updatedb').click(function(){
                var a = $('#updatedb').attr('id');                  
                $('#textstatus').val(a);
                alert ($('#updatedb').attr('id'));
            });
    });

和php是:

$sql = $connectdb->query($checknode);
 $i = 0;
    echo "<table border=1>";
    if (!$sql) {
        echo $connectdb->error;
    else {
        while ($row=$sql->fetch_row()) {
            $crow = "updatedb".$i;
            //echo $crow."<br />";
            echo "<form method='post' action=''>";
            echo '<tr><td>'.$row[0].'
            </td><td>'.$row[1].'</td><td>'.$row[2].'
            </td><td>'.$row[3].'</td><td>'.$row[4].'
            </td><td>'.$row[5].'</td><td>
            <input  type="button" id="updatedb" name="updatedb" value="update">
            <input type="text" id="textstatus"  name="textstatus" 
            value="" disabled="disabled"></td></tr>';
            $i++;
        }
    }
echo "</form>";
echo "</table>";

1 个答案:

答案 0 :(得分:1)

您可以使用class而不是id来更新按钮以查看下面的代码

jquery的

$(function(){
            $('.updatedb').click(function(){
                var a = $(this).attr('class');                  
                $(this).parents('tr').find('.textstatus').val(a);
                alert (a);
            });
    });

PHP

$sql = $connectdb->query($checknode);
 $i = 0;
    echo "<table border=1>";
    if (!$sql) {
        echo $connectdb->error;
    }else
        {
        while ($row=$sql->fetch_row()) {
            $crow = "updatedb".$i;
            //echo $crow."<br />";
            echo "<form method='post' action=''>";
            echo '<tr><td>'.$row[0].'
            </td><td>'.$row[1].'</td><td>'.$row[2].'
            </td><td>'.$row[3].'</td><td>'.$row[4].'
            </td><td>'.$row[5].'</td><td>
            <input  type="button" class="updatedb" name="updatedb" value="update">
            <input type="text" class="textstatus"  name="textstatus" 
            value="" disabled="disabled"></td></tr>';
            $i++;
        }
    }
echo "</form>";
echo "</table>";