如何使用单选按钮打开基于所选 id 的弹出窗口以及如何使用 php、MySQL 将所选 id 传递给弹出窗口

Question

我正在使用 mysql_fetch_array() 从 MYSQL 中获取数据，并且我正在使用 PHP 以 HTML 表的形式显示该数据。 HTML Table 的第一列是数据库表的主键。我在显示获取的结果时添加了单选按钮。我在 HTML 表格顶部有 UPDATE 和 DELETE 按钮。如果我选择一个单选按钮并单击 UPDATE/DELETE，应该会出现一个弹出窗口来显示所选的行值。为此，我认为我需要将选定的行 ID/键传递给 弹出窗口。如果有人知道如何实现它，请告诉我！

<?php
    while($rows=mysql_fetch_array($result))
    {

 ?>
 <table>
  <tr>
   <td><? echo $rows['ID']; ?></td>
   <td><input type="radio" name="" value=""><? echo $rows['Name']; ?></td>
   <td><? echo $rows['Surname']; ?></td>
   <td><? echo $rows['Number']; ?></td>
  </tr>
</table>
  <?php
 }
?>

提前致谢！！！

Answer 1

请看这段代码

 <td><input type="radio" name="" value="" onclick="alert("<?php echo "you have selected ".$rows['ID']." want to update or delete??"; ?>")"><? echo $rows['Name']; ?></td>

希望对你有用

Answer 2

您可以使用以下代码执行 UPDATE 和 DELETE 操作。

<table>
    <tr id="row_1" data-idval="1"><td>1</td>
        <td>XYZZZZ</td>
        <td>PQR</td>
        <td>----</td>
        <td><span class="update">UPDATE</span></td>
        <td><span class="delete">DELETE</span></td>
   </tr>    
   <tr id="row_2" data-idval="2"><td>2</td>
        <td>XYZZZZ</td>
        <td>PQR</td>
        <td>----</td>
        <td><span class="update">UPDATE</span></td>
        <td><span class="delete">DELETE</span></td>
   </tr>  
        <tr id="row_3" data-idval="3"><td>3</td>
        <td>XYZZZZ</td>
        <td>PQR</td>
        <td>----</td>
        <td><span class="update">UPDATE</span></td>
        <td><span class="delete">DELETE</span></td>
   </tr>  
</table>

Javascript:-

<script type="text/javscript">
function yesnodialog(button1, button2, element){
  var btns = {};
  btns[button1] = function(){ 
      var id_val =  element.parents('tr').data('idval');
      alert(id_val);
      //write here update code using ajax here
      $(this).dialog("close");
  };
  btns[button2] = function(){ 
      // Do nothing
      $(this).dialog("close");
  };
  $("<div></div>").dialog({
    autoOpen: true,
    title: 'Condition',
    modal:true,
    buttons:btns
  });
}
$('.update').click(function(){
    yesnodialog('Yes', 'No', $(this));
})


</script> 

DELETE 也可以这样做。

观看现场演示here