PHP code in innerHTML

Question

I'm trying to have my code add this 2 fields to a form (quantities and products) on a click of a button.

How do I format my script so the innerHTML can include php code? Or is there another way to add a select element via JS?

newdiv.innerHTML = "<input type='text' name='quantities[]'> <select name='products[]'>
                        <?php
                            $sql = mysqli_query($link, "SELECT name FROM inventory");
                            while ($row = $sql->fetch_assoc()){
                                echo "<option value=\"".$row['name']."\">" . $row['name'] . "</option>";
                            }
                        ?>
                    </select>";

Escape the JavaScript string. PHP runs separately (first) before any JavaScript is ran. — Spencer Wieczorek
– Spencer Wieczorek, Commented Feb 5, 2017 at 23:12

stephenlcurtis · Accepted Answer · 2017-02-06 17:33:22Z

3

PHP code is interpreted by your server before the page is even sent to the browser. The server then sends a completed html page (no PHP code) across the internet to your browser, which then loads it and then executes the JavaScript in the browser. The PHP interpreter would have no way of reading what the JavaScript changes on the finished page.

You might want to look into making an Ajax call to a PHP page, your PHP page can then contain the sql query and return data the JavaScript can use to add the options.

edited Feb 6, 2017 at 17:33

answered Feb 5, 2017 at 23:24

stephenlcurtis

1901 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

PHP code in innerHTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related