How to call a script from loop?

[ztimer]

Hi.

 

Need some guidance. I have never had to call a script from loop and this is a example below.

Does anyone have an idea how to make the id call the script below as many times as needed

with the correct id. I mean. The id will be like time_1, time_2, time_3 and so on as far as 20-30.

How does the script get the info that this time to do time_1 and so on to time_30 or more depending on the

amount of rows in query..

 

Really would like to get smarter on this. Please help.

 

<?php


for($i = 1; $i <= 3; $i++){
 echo "<input type='text' id='time_".$i."'/><br>";
}


?>


<script>
 $(document).ready(function() { gebo_timepicker.init(); });
 gebo_timepicker = {
 init: function() {
 $('#time_$i').timepicker({
minuteStep: 1,
template: 'dropdown',
showSeconds: true,
showMeridian: false
 });
 }
 };
</script>


<!-- timepicker -->
<script src="lib/datepicker/bootstrap-timepicker.js"></script>
<link rel="stylesheet" href="lib/datepicker/timepicker.css" />

[premiso]

I do not see this being relevant to PHP, as Javascript seems to be more prudent for doing what you need. Moved accordingly. 

[nogray]

Since you are using jQuery, you can simply add a class to your input field and use the class selector in your script.

 

e.g.

$('.my_css_class').timepicker({

[ztimer]

It worked. So many thanks for this help