2017-03-16 27 views
1

我是新手程序员。我需要选择然后点击每行上的按钮来更新数据。现在我可以选择并显示数据,但只是第一次更新按钮正在工作。我认为这个问题的原因是按钮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>"; 
+0

convert'id =“updatedb”''class =“updatedb”'。当你点击按钮 –

+0

@AlivetoDie (a);'而不是'$(this).parents('tr')。find('。textstatus')。val(a);'。低开销 – HeAu

回答

1

您可以使用类,而随后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>"; 
+0

使用'$(this).next('。textstatus')。val时,我只是通过将按钮的id插入到文本字段中来测试函数 –