javascript - 使用 javascript 动态创建文本框

Question

您好，我正在尝试使用 for 循环动态创建文本框，并希望在所有文本框中实现日历。我的代码如下:

for (var j = 1; j <= 5; j++) {

my_proj.innerHTML = my_proj.innerHTML +'<input type="text" name="txtStartDate" id="txtStartDate"+j runat="server" BackColor="#D6E4ED" BorderStyle="Inset" Width="10px" ></input>'
+'<a href="javascript:;" onclick="window.open(\'PopUp.aspx?textbox=txtStartDate+j\',\'cal\',\'width=250,height=225,left=270,top=180\')">'

}

由于我需要为所有文本框提供单独的 id，因此我尝试将变量 j 与它连接起来。但它不起作用并给出错误 'Unknown identifier "startDate"+j"' 。请提出一些建议来解决这个问题。解决这个问题的任何其他想法也可以。顺便说一句，我正在尝试在 .aspx 页面内实现它。

提前致谢。

任何人都可以给我任何其他示例来实现相同的功能吗？？？请。

Answer 1

在将变量附加到字符串之前，必须关闭字符串，以便将其识别为变量，而不仅仅是字母“j”。

所以。 。 。

var j = 10,
    str = "He is j years old";

。 。 。行不通；你需要这样做:

var j = 10,
    str = "He is " + j + " years old";

您的代码应如下所示:

my_proj.innerHTML = my_proj.innerHTML +'<input type="text" namea="txtStartDate" id="txtStartDate' + j +'" runat="server" BackColor="#D6E4ED" BorderStyle="Inset" Width="10px" ></input>'
+'<a href="javascript:;" onclick="window.open(\'PopUp.aspx?textbox=txtStartDate' + j + '\',\'cal\',\'width=250,height=225,left=270,top=180\')">'