How can I use input Box ID from PHP to JavaScript?

Question

My JavaScript function works fine, but I have problems getting different ids from the PHP input box.

JavaScript

window.onload = function()
{   
new JsDatePick({
useMode:2,
target:"inputField1", //HERE I WOULD LIKE TO PASS DIFFERENT ID ex. "inputField1"+ "i"
dateFormat:"%Y-%M-%d",
yearsRange:[1978,2120],
limitToToday:false,
cellColorScheme:"beige",
imgPath:"main/img/",
weekStartDay:1
});

My PHP input box for loop

<div class = "start_date" >
<strong><label for="start_date">Start Date</label></strong>
<br/><br/> 
<?php
for($k=1;$k<=$textboxindex;$k++)
{
echo "<input type=\"text\" class='textboxsize' id= \"inputField1\"   name=\"start_date[]\" value=\"$start_date\" />";
echo "<br/>";
 }
?>
</div>

It works fine, but I would like to have different ID names to use in the JavaScript function. Any ideas?

This doesn't work...

echo "<input type=\"text\" class='textboxsize' id= \"inputField+$k\" name=\"start_date[]\" value=\"$start_date\" />";

Any help will be appreciated.

You don't need to put the + sign to concatenate string within double quotes (it's dot, by the way). What exactly doesn't work in the second code sample? — bbb
– bbb, Commented Oct 30, 2012 at 18:14
I have multiple input box but the date function is works for only 1 input box because of the ID — user1778175
– user1778175, Commented Oct 30, 2012 at 18:17

bbb · Accepted Answer · 2012-10-30 19:14:09Z

1

It's most likely with JsDatePick widget. Its target parameter takes a single ID of an element, therefore you'd have to wrap the JS code in a loop and initiate a separate instance of the widget for each field ID.

Assuming your input field indexing starts with 1:

window.onload = function()
{   
    var i = <?=$totalNumberOfInputs;?>

    for(j=1;j<=i;j++) {  
        new JsDatePick({
            useMode:2,
            target:"inputField" + j, //HERE I WOULD LIKE TO PASS DIFFERENT ID ex. "inputField1" + j
            dateFormat:"%Y-%M-%d",
            yearsRange:[1978,2120],
            limitToToday:false,
            cellColorScheme:"beige",
            imgPath:"main/img/",
            weekStartDay:1
        });
    }
}

You don't need to put the + sign to concatenate strings within double quotes (it's dot, by the way).

edited Oct 30, 2012 at 19:14

answered Oct 30, 2012 at 18:21

bbb

7023 silver badges6 bronze badges

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

2 Comments

itachi Over a year ago

this is the answer for his other question to be precise. there is an error in the code btw. you wanna fix that up.

bbb Over a year ago

While not explicitly stating it, author is trying to enable a date picker on multiple input fields. He had a surplus sign in his input field definition AND an onLoad code to be fixed. At least that's my understanding, judging from both this and his next question. Perhaps the question should be rephrased.

burmat · Accepted Answer · 2012-10-30 18:16:00Z

1

Change:

id= \"inputField+$k\" name=...

To:

id=\"inputfield$k\" name=...

What is screwing it up is the "+" sign. PHP uses "." to concatenate strings. ECHO out $k properly and you shouldn't have any trouble

answered Oct 30, 2012 at 18:16

burmat

2,5481 gold badge23 silver badges28 bronze badges

7 Comments

bbb Over a year ago

Why did you accept this one as an answer, while it doesn't fix your code at all?

itachi Over a year ago

@bth you missed the question. the main question was It works fine, but I would like to have different ID names to use in the JavaScript function

bbb Over a year ago

@itachi, not really, given his next question: stackoverflow.com/questions/13145639/…

itachi Over a year ago

@bth that's a javascript's question. Nothing related with this question.

burmat Over a year ago

@bth I guess I don't see how what I posted "doesn't fix the code at all". I posted a solution to what I thought the end result should be and it appears to be an obvious solution.

|

itachi · Accepted Answer · 2012-10-30 18:16:53Z

0

 //this is doesn't work 
echo "<input type=\"text\" class='textboxsize' id= \"inputField$k\" name=\"start_date[]\" value=\"$start_date\" />";

just remove that + sign.

answered Oct 30, 2012 at 18:16

itachi

6,3933 gold badges33 silver badges41 bronze badges

2 Comments

user1778175 Over a year ago

thanks 1 more question How can i use for loop in JavaScript for increment ID

itachi Over a year ago

javascript has a for loop too. identical syntax as that of php.

Collectives™ on Stack Overflow

How can I use input Box ID from PHP to JavaScript?

JavaScript

My PHP input box for loop

3 Answers 3

2 Comments

7 Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

JavaScript

My PHP input box for loop

3 Answers 3

2 Comments

7 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related