How to append in a php string in jquery?

Question

I am trying to append this php code using jquery. Is it possible? I have

<script>
var myUrl = $("#categories").val();

   $("<?php include('" + myUrl + "') ?>").appendTo( ".imgList" );
</script>

Is that the correct way of doing it? or is it just impossible? Any help is appreciated thanks.

Edit This is the code I am using to load the content.

var myUrl = $("#categories").val();

 $( ".imgList" ).load(myUrl);

But it doesn't change when I change categories.

Edit2

                <select id="categories" name="categories">
                <option value="">Choose a category</option>
                <option value="page1.html">Real Estate</option>
                <option value="page2.html">Commercial Auto</option>
                <option value="page3.html">Beauty/Salon</option>
                <option value="4">Health</option>
                <option value="5">Construction</option>
                <option value="6">Legal</option>
                <option value="7">Furniture</option>
                <option value="8">Food</option>
            </select><!-- end id="categories" -->

You can't do that, `PHP` is for server side scripting, `JavaScript` is client side. — pNre, Oct 20 '13 at 19:03
So you want to get the contents of `myUrl` and append it to `.imgList`? This can be done in jQuery/ajax, but has nothing to do with PHP — Adam Hopkinson, Oct 20 '13 at 19:06
@adam Yes! That's exactly what I want. I was using the `.load()` function but it only shows the content when the page is loaded not when I change categories. — Andres Rivera, Oct 20 '13 at 19:08
@adam I edited my question to the code I have right now but doesn't work when I change categories. — Andres Rivera, Oct 20 '13 at 19:11
Because you haven't made it happen when someone triggers the change of category, you've just told it to run. — Popnoodles, Oct 20 '13 at 19:12
So I would have to add `If` statements? Sorry I am totally clueless on how to make the trigger events. :/ — Andres Rivera, Oct 20 '13 at 19:14
What type of element is #categories? Radio buttons? Can you post the HTML that will adequately describe what #categories is? — Popnoodles, Oct 20 '13 at 19:15

Popnoodles · Accepted Answer · 2013-10-20T19:14:41.093

2

$("#categories").on('change', function(){
    $( ".imgList" ).load( $(this).val() );
}).trigger('change'); // trigger 'change' on page load if you want to load categories based on whichever is selected by the HTML outputted

edited Oct 20 '13 at 19:14

answered Oct 20 '13 at 19:06

Popnoodles

28,090
2
45
53

Yes that worked! I was tried using the `.change(fucntion() {` but didn't know how to write it right! Thanks a lot!. – Andres Rivera Oct 20 '13 at 19:23

How to append in a php string in jquery?

1 Answers1