JavaScript does not work inside PHP loop

Question

It seems like when i echo out the result in php, it will loop through the database and display it in the "echo" below but if I try to display it using javascript, it does not even loop. what's the problem in the javascript?

<?php
while($row = $result->fetch()){
    $id = $row['id'];

    echo $id; //loops through and displays the all the id's in order in the database
    ?>

    //this only displays the first id and doesn't loop even though it is in the php while loop
    <script>
        document.getElementById("test").innerHTML = "<?= $id ?>";
    </script>
    <span id="test"></span>

    <?php
}
?>

ID's in html have t be unique. Apart from that the element would have to exists before you can get it by ID. — jeroen
– jeroen, Commented Jul 1, 2016 at 5:03
@jeroen ok, so is there any other way to "echo" out the variable in javascript besides getElementById and document.write ? — johnniexo88
– johnniexo88, Commented Jul 1, 2016 at 5:06
I don't know why you would want to introduce JS for this rather than directly outputting the HTML, but if you feel you must why not have the PHP output an array of values, and then after the PHP loop have some JS that uses the data in the array to create the appropriate HTML elements? — nnnnnn
– nnnnnn, Commented Jul 1, 2016 at 5:06
There are 100s of ways. Normally however, you would create the elements with php, and use an echo statement to output them, or use a php if statement to determine when elements or parts of elements are displayed or not. — brianlmerritt
– brianlmerritt, Commented Jul 1, 2016 at 5:08
Fetch all rows in an array and send them all at once using var all_data = <?php echo json_encode($your_php_array); ?>; would be my choice. — jeroen
– jeroen, Commented Jul 1, 2016 at 5:10

Bhaskar Bhatt · Accepted Answer · 2016-07-01 05:09:55Z

3

please try with this

<?php

while($row = $result->fetch()){
$id = $row['id'];

echo $id; //loops through and displays the all the id's in order in the database
?>

//this only displays the first id and doesn't loop even though it is in the php while loop

 <!-- change in id name -->
<span id="test_<?=$id?>"></span>

<script type="text/javascript">
   //change here
    document.getElementById("test_<?=$id?>").innerHTML = "<?= $id ?>";
</script>
<?php
    }
  ?>

answered Jul 1, 2016 at 5:09

Bhaskar Bhatt

1,48113 silver badges19 bronze badges

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

2 Comments

johnniexo88 Over a year ago

is there anyway to call a function in this: "document.getElementById("test_<?=$id?>").innerHTML = callJSFunction()" ?

Bhaskar Bhatt Over a year ago

you should try with click each time you click it will be called.

Collectives™ on Stack Overflow

JavaScript does not work inside PHP loop

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related