如何打开一个弹出窗口基于选定的id使用单选按钮,以及如何通过选定的id弹出窗口,使用php,MySQL


How to open a pop-up window based on selected id using radio button and how to pass that selected id to pop-up window, using php,MySQL

我使用mysql_fetch_array()从MYSQL获取数据,我使用PHP以HTML表的形式显示该数据。HTML表的第一列是数据库表的主键。我添加了单选按钮,同时显示获取的结果。我有更新和删除按钮在HTML表的顶部。如果我选择一个单选按钮并单击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
 }
?>

提前感谢!!

请参阅此代码

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

可以使用下面的代码执行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做同样的事情。

查看现场演示