Question

I have a requirement to get a variable from PHP to Javascript when clicked by the user. I have an array of data returned by a query and I need to pass an ID value for the element clicked so that I can populate an additional data set via the .load using another PHP page. I am unsure how todo this?

Javascript Code in Page:

<script type="text/javascript"> 
$(function () { 
 $("#pass_userid_div").click(function () {
    
    $("#another_div").load('remote_pages/get_info.php?userid=' + $GET_THE_USERID_AND_PASS_HERE);
  });
});
</script> 

PHP Code in Page:

$query_str = "SELECT id, username, dateregistered FROM users";
$query = mysql_query($query_string) or die(mysql_error());

while ($results = mysql_fetch_array($query)) {
    print "<div id='pass_userid_div'>{$results['username']}</div>";
    print "<div>{$results['dateregistered']}</div>";
}

Answer 1

Why must it be a div? Use an interactive element:

PHP:

while ($results = mysql_fetch_array($query)) {
    print "<button type='button' name='pass_userid_div' value='{$results['id']}'>{$results['username']}</button>";
    print "<div>{$results['dateregistered']}</div>";
}

JavaScript:

<script type="text/javascript"> 
$(function () { 
 $("button[name='pass_userid_div']").click(function () {
    $("#another_div").load('remote_pages/get_info.php?userid=' + $(this).val());
  });
});
</script> 

Update: If it really must be a div, use a data- attribute:

<div class="pass_userid_div" data-userid='{$results['id']}'…

…$(this).data("userid")