使用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\')">' 

} 

由於我需要爲所有文本框單獨編號，我試圖用變量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\')">' 

Answer 2

您需要重新格式化字符串，使其具有正確的特殊字符表情。雙引號和單引號需要有一個反斜槓，以便從字面上理解字符。還有大量的其他Javascript特殊字符：http://www.w3schools.com/js/js_special_characters.asp