onclick event alert value of variable php mysql

Question

I want to alert id when user click on the button.But i am getting the same id on every button whereas when i inspect element it have different values. This is a part of my code

Fetching code:

$sql="select * from `table_name`";
$result=mysqli_query($con,$sql) or die(mysqli_error($con));
while($row=mysqli_fetch_array($result))
{
<button type="button" class="btn btn-danger" id="block" onclick="blockit(this.value);" value="<?php echo $row['id'];?>">Block</button>

Query:

<script>
function blockit()
{
var a=document.getElementById("block").value;
alert(a);
}
</script>

Answer 1

pass the parameter to your custom function

function blockit(val)
{
  alert(val);
}

Answer 2

For your every button you id is same. from line,

<button type="button" class="btn btn-danger" id="block" onclick="blockit(this.value);" value="<?php echo $row['id'];?>">Block</button>

Do remember, id should be unique. Since your id is same for all, it always consider only one, and it will neglect others. And hence you are getting same value.

Try with below code,

$sql="select * from `table_name`";
$result=mysqli_query($con,$sql) or die(mysqli_error($con));
while($row=mysqli_fetch_array($result))
{
<button type="button" class="btn btn-danger" onclick="blockit(this.value);" value="<?php echo $row['id'];?>">Block</button>

JS,

<script>
    function blockit(value){
       alert(value);
    }
</script>

Answer 3

try this

$(document).ready(function(){
   $("#block").click(function(){
     var a=$(this).val();
     alert(a);
  });
});

Answer 4

Just change your BUTTON code as below,

while($row= mysqli_fetch_array($result))
{
      $ID= $row['id'];

  <button type="button" value="<?php echo $ID;?>" onclick="alert('<?php echo $ID;?>')" class="btn btn-danger" id="block" > Block</button>

You don't need to use blockit()

Answer 5

<button type="button" class="btn btn-danger btn_block" onclick="blockit(this.value);" value="<?php echo $row['id'];?>">Block</button>

$(document).ready(function(){
 $(".btn_block").click(function(){
  var a=$(this).val();
  alert(a);
});
});

try this