Динамическое создание текстового поля с использованием 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