php - 如何在 PHP 和 JavaScript 中使用输入框 ID？

Question

我的 JavaScript 函数工作正常，但我在从 PHP 输入框获取不同的 id 时遇到问题。

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
});

我的PHP循环输入框

<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>

它工作正常，但我想在 JavaScript 函数中使用不同的 ID 名称。有什么想法吗？

这不起作用...

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

任何帮助将不胜感激。

Answer 1

最有可能使用 JsDatePick 小部件。它的 target 参数采用元素的单个 ID，因此您必须将 JS 代码包装在循环中，并为每个字段 ID 启动一个单独的小部件实例。

假设您的输入字段索引从 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
        });
    }
}

您不需要使用+号来连接双引号内的字符串(顺便说一下，它是点)。