Use php generated ids within jquery

Question

I am pulling my id's from a database with a foreach loop in a html file using

<div id="<?php print ($schedule['boxA']); ?>">

The question is how to use id's generated this way in a jQuery script?

 <script> 
 jQuery('I NEED TO INPUT ID HERE').datetimepicker({
     datepicker:false,
     format:'H:i',
     step: 15,
 });

</script>

$('#IDOFDIV') Replace IDOFDIV with the ID of the div..

Refilon
– Refilon

2015-01-20 13:30:57 +00:00
Commented Jan 20, 2015 at 13:30 — Refilon
– Refilon, Commented Jan 20, 2015 at 13:30

Sonny · Accepted Answer · 2015-01-20 17:02:34Z

1

I would (and do) use a different pattern. You don't need to use the ID to reference an element with jQuery, so you can add a datetimepicker widget more generically by using the class selector.

HTML (inside foreach loop):

<div class="timepicker" id="<?php echo $schedule['boxA']; ?>">

JavaScript (only once):

<script> 
jQuery('.timepicker').datetimepicker({
    datepicker:false,
    format:'H:i',
    step: 15,
});
</script>

edited Jan 20, 2015 at 17:02

answered Jan 20, 2015 at 14:36

Sonny

8,3667 gold badges66 silver badges139 bronze badges

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

Comments

Jay Blanchard · Accepted Answer · 2015-01-20 13:39:02Z

0

You would use the generated id's the same way that you always do in jQuery.

jQuery('#generated_id') // replace 'generated_id' with the id supplied by PHP

If you are wanting to echo the id's you could do something like this when the page is being rendered -

jQuery("#<?php echo $schedule['boxA']; ?>").datetimepicker({

edited Jan 20, 2015 at 13:39

answered Jan 20, 2015 at 13:31

Jay Blanchard

34.5k17 gold badges82 silver badges130 bronze badges

7 Comments

Martin k Over a year ago

Jay Blanchard Over a year ago

Are you trying to echo jQuery to your page?

Martin k Over a year ago

i am trying to generate jquery time pickers for various inputs and the inputs id's are stored in a database

Jay Blanchard Over a year ago

So you're using those database values to output a page complete with jQuery, right?

Jay Blanchard Over a year ago

Is there a specific problem with the output? Doesn't echoing the id work?

|

Niet the Dark Absol · Accepted Answer · 2015-01-20 13:52:16Z

0

Bad idea.

I would suggest something like:

<div id="boxA" data-id="<?=$schedule['boxA']?>">

Or similar. The ID should be constant and known - that's what makes it an IDentifier. data-id can then be used to hold the server's ID reference to the thing in question.

answered Jan 20, 2015 at 13:52

Niet the Dark Absol

326k86 gold badges480 silver badges604 bronze badges

2 Comments

Martin k Over a year ago

if I use data id, what is the way to input the data-id in the jquery script? should i alter the script?

Niet the Dark Absol Over a year ago

$("#boxA").data("id") will retrieve the ID.

Collectives™ on Stack Overflow

Use php generated ids within jquery

3 Answers 3

Comments

7 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

7 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related