Retrieve The PHP variable Value of a HTMl Element Using Jquery inside a Loop

Question

I have a strange problem. I am getting the table values using PHP MySQL using a while loop and stored them in a array. Then I am displaying it one after another in a single page.

    $sql = "select * from newsfeed order by id DESC";
$result = $db->query($sql);

$posts_array = array();  // Storing the result to an Custom Array
$index = 0;

if($result->num_rows > 0)
{
    while($row = $result->fetch_assoc()) {

        $posts_array[$index] = $row;
        $index++; 
    }
}

I have successfully set the $post_id of the posts on to the HTML elements using the following code.

    <?php 
                $array_size = sizeof($posts_array);
                for($i = 0; $i < $array_size; $i++){
            ?>
            <div class='wrapper' id='wrapper'>
            <div class='user'>
<!-- Some Code -->
                <?php
                    $post_id = $posts_array[$i][id];
                 ?>
             <input type='image' name='like' id='like' width='40' height='40' src='like_btn.png' value='<?php echo ($post_id);'?> />

            <?php } ?>

Now I want to take that value using Jquery and do some Database Work. I have accessed the value using the following code:

    <script type="text/javascript">
    function justsomething() {
        alert($(this).val());
    }
</script>

The problem is I am only getting the last post's id as alert() for every post rather than getting different id's . Please help me. I am confused whether the PHP script is loading every time I click and call the justsomething() function.

Note: I can display the $post_id of every post alone without any problem.

Are you creating the function inside the loop? Provide a [mcve] — charlietfl, Jan 14 '18 at 08:54
How is the code in the comment related? Please show the mentioned while loop, which creates the values for `$post_id`. It looks like you'd have multiple `id`s with the same value, though. You shouldn't. — Teemu, Jan 14 '18 at 08:55
Don't put blobs of code in comments. Edit the question with formatted code — charlietfl, Jan 14 '18 at 09:03

M0ns1f · Accepted Answer · 2018-01-14T09:10:28.533

1

Beacuse the id should be unique to one html element try changing your code to this :

<?php $array_size = sizeof($posts_array); for($i = 0; $i < $array_size; $i++){ ?>
<input type='image' name='like_<?php echo $i ?>' id='like_<?php echo $i ?>' width='40' height='40' src='like_btn.png' value='<?php echo $post_id;?>' onclick='justsomething(this);' />
<?php } ?>
<script>
function justsomething(el) {
    var img = el;
    alert(img.value);
}
</script>

here is an example

function justsomething(el) {
    var img = el;
    alert(img.value);
   }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='image' name='like_1' id='like_1' width='40' height='40' src='like_btn.png' value='15454' onclick='justsomething(this);' />

edited Jan 14 '18 at 09:10

answered Jan 14 '18 at 08:53

M0ns1f

2,705
3
15
25

1

What is `this`? – charlietfl Jan 14 '18 at 08:55
the clicked element [see this](https://stackoverflow.com/questions/1051782/jquery-whats-the-difference-between-this-and-this) – M0ns1f Jan 14 '18 at 08:56
1

No it is not. `onclick` functions have no implicit `this` – charlietfl Jan 14 '18 at 08:56
@charlietfl see the answer the onclick attr send the element to the function – M0ns1f Jan 14 '18 at 08:58
yes I have tried $(this).val() But it doesn't invoke the alert(); – Harish ST Jan 14 '18 at 09:00
@HarishST see the example and change the javascript it is working now – M0ns1f Jan 14 '18 at 09:11
@charlietfl is it you how down vote i was debuggin the code it is working now – M0ns1f Jan 14 '18 at 09:12
Best to not post code that needs debugging for something as trivial as this – charlietfl Jan 14 '18 at 09:14
Upvoted! Thanks Everyone for taking your time to help me – Harish ST Jan 14 '18 at 09:30

score 0 · Answer 2 · answered Jan 14 '18 at 09:28

0

It works for loop, I hope You can make use of it

$("input[id=like]").each(function(i){ alert($(this).val()); });

It will alert values from every <input id="like"...

answered Jan 14 '18 at 09:28

RAZIUL

128
2
8

Thanks . Surely can make use of it. – Harish ST Jan 14 '18 at 09:33

score -1 · Answer 3 · edited Jan 14 '18 at 11:10

-1

Try this code:

onclick='justsomething(this)'

function justsomething(obj) {
        alert($(obj).val());
    }

edited Jan 14 '18 at 11:10

vkrams

7,267
17
79
129

answered Jan 14 '18 at 09:15

Hasan Ilyas

67
12

`this` is a reserved keyword – charlietfl Jan 14 '18 at 09:18
@Hasan llyas Thanks for the Answer. – Harish ST Jan 14 '18 at 09:32

Retrieve The PHP variable Value of a HTMl Element Using Jquery inside a Loop

3 Answers3