Calling a php object inside jquery selector

Question

I am trying to access php variable inside jquery selector but it can't get to work. This php variable is taken from the views page from a foreach php statement. Check the code below.

HTML:

<?php foreach($items as $key => $value):?>
 <div id="uploader<?php $value['id'] ?>">Upload</div>
<?php endforeach?>

The above code works concat string.

jQuery:

$(document).ready(function($) {
  $("#uploader<?php echo $value['id'] ?>").uploadFile({
  url:"YOUR_FILE_UPLOAD_URL",
  fileName:"myfile"
  });
});

Now I wanted to concat the php variable inside the jquery element selector but code above won't work. What would be the best thing to do here? Thanks

PHP is a server side technology, so once the html is created, php in effect does not exist. There is no php in the browser. You need to write any code on the browser side using Javascript ( jQuery is a javascript library). jQuery and underscore and lowdash have relatively easy to implement templating systems for generating html — brianlmerritt
– brianlmerritt, Commented May 5, 2016 at 5:04

madalinivascu · Accepted Answer · 2016-05-05 04:27:32Z

1

Try the following answer without php, select all the elements that have a id that starts with uploader

$(document).ready(function($) {
  $('div[id^="uploader"]').uploadFile({
  url:"YOUR_FILE_UPLOAD_URL",
  fileName:"myfile"
  });
});

or safer use a class

<?php foreach($items as $key => $value):?>
 <div class="toupload" id="uploader<?php $value['id'] ?>">Upload</div>
<?php endforeach?>

js:

$(document).ready(function($) {
      $('.toupload').uploadFile({
      url:"YOUR_FILE_UPLOAD_URL",
      fileName:"myfile"
      });
    });

edited May 5, 2016 at 4:27

answered May 5, 2016 at 3:56

madalinivascu

32.4k4 gold badges41 silver badges59 bronze badges

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

5 Comments

madalinivascu Over a year ago

select all the elements that have a id that starts with uploader

Murad Hasan Over a year ago

is OP mean about all item or specific item??

claudios Over a year ago

This is awesome. It loops automatically. But still have an issue. I'll fix this later.

madalinivascu Over a year ago

@claudios glad to know, don't forget to accept the answer :P

claudios Over a year ago

This works fine but only selects the last item at the end of the loop

Murad Hasan · Accepted Answer · 2016-05-05 04:07:35Z

1

You can also use ~ for selecting any id have the value as uploader.

$(document).ready(function($) {

    $('div[id~="uploader"]').uploadFile({
        url:"YOUR_FILE_UPLOAD_URL",
        fileName:"myfile"
    });
});

Ref:

[attribute^=value]  $("[title^='Tom']") All elements with a title attribute value starting with "Tom"
[attribute~=value]   $("[title~='hello']")  All elements with a title attribute value containing the specific word "hello"
[attribute*=value]  $("[title*='hello']")   All elements with a title attribute value containing the word "hello"

edited May 5, 2016 at 4:07

answered May 5, 2016 at 3:53

Murad Hasan

9,5932 gold badges23 silver badges43 bronze badges

5 Comments

Webomatik Over a year ago

$value['id'] will only refer to the last value fetched after the php FOREACH is done...

claudios Over a year ago

Yep this is helpful answer but not working for me. Maybe it's somethin to do with the loop

claudios Over a year ago

@Webomatik, yes. I am using loop here so I wanted to loop also the selector with id concat

madalinivascu Over a year ago

@claudios see my answer, you don't need any loop

Murad Hasan Over a year ago

right, so you need to do the same thing in another way.

Collectives™ on Stack Overflow

Calling a php object inside jquery selector

2 Answers 2

5 Comments

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related