How to pass PHP variable (from loop process) to Jquery

Question

i have a while loop in my coding

while (($i < $num3b)&&($i < ($start+$perpage))) {
 $tododetail_id=mysql_result($result3b,$i,"tododetail_id");
 $comment=formatUrlsInText(mysql_result($result3b,$i,"comment"));
 $staff_name=mysql_result($result3b,$i,"staff_name");

 echo "<tr><td><span><font color='#5858FA'>" . $staff_name . nl2br($comment) . "</font>
 <span style='float:right' id='create-user'>Reply Message</span>";
$i++;}

How can onclick "Reply Message" jquery will popup $staff_name and $comment accordingly. This is my jquery code

    $( '[id^="create-user"]')
  .click(function() {
  var nameStf = $(this).data('id');
  alert (nameStf);
    $( "#dialog-form" ).dialog( "open" );
  });

Thanks

@bipen can i put $i in my id?but how can the jquery know my id? — user2699175
– user2699175, Commented Oct 1, 2013 at 7:56
$( '[id^="create-user"]') this is the root of all evil, and is an absolute abomination to jQuery performance. — Mark
– Mark, Commented Oct 1, 2013 at 7:56
@JezenThomas that's what i can think right now. that font will popup modal window in the same page of my coding. — user2699175
– user2699175, Commented Oct 1, 2013 at 7:57

secelite · Accepted Answer · 2013-10-01 07:55:36Z

2

You could use the data-attributes

HTML

<span style='float:right' class="reply" data-staffname="staffname" data-comment="staff comment">Reply Message</span>

jQuery

$(document).ready(function() {
    $('span.reply').click(function() {
        var staffname = $(this).data('staffname');
        var comment = $(this).data('comment');
        alert(staffname + ': ' + comment);
    });
});

answered Oct 1, 2013 at 7:55

secelite

1,3381 gold badge11 silver badges19 bronze badges

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

Comments

Dexa · Accepted Answer · 2013-10-01 08:06:22Z

0

When you echo tags, I can't see you are closing them anywhere. Your HTML must be correct in order for jQuery to work properly. Also ID must be unique so use class.

HTML

<tr>
    <td>
        <span style="color: #5858FA;">SOMETHING 2</span>
        <span class="create-user">Reply Message</span>
    </td>
</tr>

JS

$('.create-user').click(function(){
    var $text = $(this).prev().text();
    alert($text);
});

DEMO

answered Oct 1, 2013 at 8:06

Dexa

1,65110 silver badges25 bronze badges

Comments

Jezen Thomas · Accepted Answer · 2013-10-01 08:07:52Z

0

Your HTML is a mess, and your jQuery doesn’t correspond with it. You have this line:

$( "#dialog-form" ).dialog( "open" );

But you haven’t shown us any HTML that includes an element with the ID dialog-form.

You should restructure your HTML so you don’t use the font tag, every ID is unique, and tags are properly nested and closed. Run your output HTML through the validator if you’re not sure.

Then, you can do something like this:

$('span').click(function(){
  alert($(this).closest('.comment'));
});

Obviously you’ll have to put the comment data in an element with the class comment.

Also, if you want to select an element by its ID with jQuery:

// Incorrect
$('[id^="create-user"]')

// Correct
var $createUser = $('#create-user');

// Also correct (normal JavaScript)
var createUser = document.getElementById('create-user');

edited Oct 1, 2013 at 8:07

answered Oct 1, 2013 at 8:02

Jezen Thomas

13.8k7 gold badges55 silver badges95 bronze badges

1 Comment

user2699175 Over a year ago

thanks a lot..actually i'm really new in jquery. never used it before until last monday i have to worked with Modal Window.

Krishnadas PC · Accepted Answer · 2013-10-01 08:24:00Z

0

id must be unique give it as something like the id from the database. Then put the jquery script inside the loop. or else in the html use a onclick function which passes the id to the JavaScript function.

<?php
echo "<tr><td><span><font color='#5858FA'>" . $staff_name . nl2br($comment) . "</font>
 <span style='float:right' id="<?php echo $row['id'];">Reply Message</span>";
$i++;
?>
    <script type="text/javascript">
     $( "#<?php echo $row['id']; ?>")
  .click(function() {
  var nameStf = $(this).data('id');
  alert (nameStf);
    $( "#dialog-form" ).dialog( "open" );
  });
</script>
<?php }?>

Try not to use html inside an echo statement since echo is a php statement which loads from the server which is slower than normal html which loads in the browser.

edited Oct 1, 2013 at 8:24

answered Oct 1, 2013 at 8:18

Krishnadas PC

6,5992 gold badges60 silver badges58 bronze badges

Collectives™ on Stack Overflow

How to pass PHP variable (from loop process) to Jquery

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related