Append php code by using javascript

Question

I am trying to append new row to my table, but some input fields got some value retrived from mysql. I know that php is executed server side and javascript client side. Help me with this.

Code that needs to be appended :

<td>
    <select name="categories[]">
        <?php foreach(categories() as $row){
            foreach($row as $key=>$cell){
            echo '<option>'.$cell.'</option>';
            }
        }?>
    </select>   
</td>

So my jquery append is the exact code above turned into a string:

SOMECODE.append('<td><select name="categories[]"><?php foreach(categories() as $row){foreach($row as $key=>$cell){echo "<option>".$cell."</option>";}}?></select></td>');

So how can i append my php code by using jquery ?

Surely you're asking how to append the HTML generated by the PHP code? — BenM
– BenM, Commented Dec 19, 2013 at 21:54
Did any of the below answers proved helpful? Please check the one that solved your problem, so this thread can be closed. — Alkis Kalogeris
– Alkis Kalogeris, Commented Jul 1, 2014 at 15:30

BenM · Accepted Answer · 2013-12-19 21:57:02Z

3

You can mix PHP with JavaScript, assuming that it is running on a valid PHP page.

For example, the following should achieve what you're trying to do:

var td = SOMECODE.append('<td />'),
    sel = td.append('<select name="categorii[]" />');

<?php 
foreach(categorii() as $row)
{
    foreach($row as $key => $cell)
    {
        echo "sel.append('<option>$cell</option>')";
    }
}
?>

answered Dec 19, 2013 at 21:57

BenM

53.3k26 gold badges116 silver badges172 bronze badges

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

4 Comments

BenM Over a year ago

@SamHunter this isn't an example of AJAX. The JS code is generated by the PHP parser at load time, not asynchronously at run time (as per AJAX).

Alkis Kalogeris Over a year ago

I love the answer BenM. And it answers the question 100%, but why on earth would anyone want to do it like this?

Alex Over a year ago

I actualy have a button with a function Add another field, that adds one identicaly with that i had. But cant process the php code

BenM Over a year ago

Then you can only achieve something like that using AJAX technology.

Alkis Kalogeris · Accepted Answer · 2013-12-19 21:56:15Z

1

Yes you can, but it won't execute. You said it yourself. It's a server side language. What you need is ajax. Just make a php script that echoes the data you want. Receive them client side and append the data.

answered Dec 19, 2013 at 21:56

Alkis Kalogeris

17.9k15 gold badges62 silver badges118 bronze badges

Comments

Don Rhummy · Accepted Answer · 2013-12-19 22:07:18Z

1

You cannot, and there's no need to. Instead, you would use Ajax to grab the new information and then JavaScript to create elements to hold that data and append that information to the DOM:

answered Dec 19, 2013 at 22:07

Don Rhummy

26.1k53 gold badges196 silver badges364 bronze badges

Comments

Timo J. · Accepted Answer · 2013-12-19 22:30:06Z

1

So the question is not how to execute the PHP code by javascript, your problem is how to get the right Data into Javascript.

There are different possibilities:

You could reload your page and appand a parameter to your php-skript allowing it to select the right data
you could request the data using AJAX. You will need to create a skript that take, as per previous point, parameters from the AJAX Call and deliver the right data in the result. Javascript will do the rest

Since your example doesn't need any information for creating the cetegories, you just need a php script creating them. There is no need to deliver a page and asking javascript to get Data, which is static. Just deliver this static data with your page.

edited Dec 19, 2013 at 22:30

answered Dec 19, 2013 at 22:12

Timo J.

947 bronze badges

Comments

SUDO Los Angeles · Accepted Answer · 2013-12-19 21:56:46Z

0

You can't append php code using javascript. PHP is run by the server and javascript is run on the browser. However in a PHP file you can use a <script> tag to create a function to do this.

<script>
function appendCategories(SOMECODE) {
   SOMECODE.append('<td><select name="categorii[]"><?php foreach(categorii() as $row){foreach($row as $key=>$cell){echo "<option>".stripslashes($cell)."</option>";}}?></select></td>');
}
</script>

answered Dec 19, 2013 at 21:56

SUDO Los Angeles

1,63513 silver badges10 bronze badges

Collectives™ on Stack Overflow

Append php code by using javascript

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

4 Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related