Using Jquery with Multiple IDs

Question

So I have a table that shows online players in my gameserver and I'm trying to create a button that slaps that player, the script uses the players ID to slap him however my jquery script will only slap the first player in the table.

Any help is very much appreciated, here is my code

function slap(){
  
    var playerid = $("#playerid").val();
  
    $.post("q3/slap.php", { playerid: playerid }, function ( data ) {
       // populate data here
    });
}

   echo "<form><input type='hidden' id='playerid' value='$playerid'><input type=button class='actionbutton' value='Slap' onClick='slap()'></form>";

ID's need to be unique. You should probably switch to a class and attach an event handler to that directly in javascript / jQuery (as opposed to the onClick() handler). — jeroen
– jeroen, Commented Mar 3, 2016 at 15:31

JustOnUnderMillions · Accepted Answer · 2016-03-03 15:33:31Z

1

First id is unique in HTML so if you have more than one player the id is useless.

But try:

function slap(playerid){
        
    $.post("q3/slap.php", { playerid: playerid }, function ( data ) {
       // populate data here
    });
}

   echo "<form><input type=button class='actionbutton' value='Slap' onClick='slap($playerid)'></form>";

that should work.

answered Mar 3, 2016 at 15:33

JustOnUnderMillions

3,80511 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BrenLib Over a year ago

What would I do if I wanted to use $playername as the variable instead? it doesn't seem to work when I change it to $playername

Drudge Rajen · Accepted Answer · 2016-03-03 15:37:27Z

0

Id is used for unique identity. Use class instead of id

 echo "<form><input type='hidden' class='playerid' value='$playerid'><input type=button class='actionbutton' value='Slap' onClick='slap($playerid)'></form>";

and in your jquery

 function slap(playerid){

        $.post("q3/slap.php", { playerid: playerid }, function ( data ) {
           // populate data here
        });
    }

edited Mar 3, 2016 at 15:37

answered Mar 3, 2016 at 15:32

Drudge Rajen

8,0414 gold badges25 silver badges43 bronze badges

Collectives™ on Stack Overflow

Using Jquery with Multiple IDs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related