PHP only returns the first value

Question

JQUERY

When I clicked the both 2 buttons it only returns the value 1

$(document).ready(function() {
    var getvalue = $(".view_btn").val();
    $(".view_btn").click(function() {
        alert(getvalue);
    });
});

PHP

<?php foreach ($studentRankingViewGET as $studentRankingViewSHOW) {?>
<input type="button" value="<?php echo $studentRankingViewSHOW['id'];?>" class="view_btn">
<?php } ?>

This returned 2 values .i.e. 1 AND 2

Share relevant code i.e. where is .btn element? and also make it readable. .val() will always return value of first element from matched elements. So either iterate them using .each() or use DOM relationship to target them — Satpal
– Satpal, Commented Jun 4, 2018 at 8:28
There is no AJAX code given.... so, what exactly is the question? — Nico Haase
– Nico Haase, Commented Jun 4, 2018 at 8:55

Wils · Accepted Answer · 2018-06-04 08:30:19Z

2

$('.view_btn').click(function(){
alert($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<input type="button" value="123" class="view_btn"/>
   <input type="button" value="456" class="view_btn"/>

you should use $(this) as referring object.

answered Jun 4, 2018 at 8:30

Wils

1,2319 silver badges27 bronze badges

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

Comments

Kiran Shahi · Accepted Answer · 2018-06-04 08:39:55Z

0

Since you have two buttons with same class. You can get the clicked element with this.

$(".view_btn").click(function() {
     alert($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="view_btn" value="Button 1">Button 1<button>
<button class="view_btn" value="Button 2">Button 2<button>

edited Jun 4, 2018 at 8:39

answered Jun 4, 2018 at 8:34

Kiran Shahi

8,0109 gold badges41 silver badges77 bronze badges

Comments

Sarbjit Grewal · Accepted Answer · 2018-06-04 10:04:05Z

0

This will support for dynamic content also

$(".view_btn").on("click", function() {
     alert($(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="view_btn" value="Button 1">Button 1<button>
<button class="view_btn" value="Button 2">Button 2<button>

answered Jun 4, 2018 at 10:04

Sarbjit Grewal

511 silver badge7 bronze badges

Collectives™ on Stack Overflow

PHP only returns the first value

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related