dynamically added text id, getElementById

Question

I create text box dynamically and assign its ID dynamically. in javascript if I call getElementById the alert fails, just nothing happens.

<% for(int i=0; i<lines.length;i++) {
  if(lines[i].contains(" ")) { %>
    <input type=text name='key1<%=i%>' id="idkey<%=i%>" value ="<%=abc%>"/>
                          <%
  }
} %>

Javascript :

for(j=0; j<len; j++){
  var lblElement = getElementById("idkey"+j);
  alert(lblElement);
}

First check if elements were properly created in DOM (with FireBug or other developer tools) Also, you say that alert fails - what exactly happens? If element was not found it should show message saying "null" I believe. — lot, Dec 20 '13 at 13:32
for this mistake you developper console, give you a 'no existing method "..." ' — kevpoccs, Dec 20 '13 at 13:35

score 9 · Accepted Answer · answered Dec 20 '13 at 13:31

9

you forgot the global name document for use getElementById

document.getElementById('idkey'+j)

answered Dec 20 '13 at 13:31

kevpoccs

635
5
8

score 2 · Answer 2 · answered Dec 20 '13 at 13:33

2

You're missing document before getElementById:

for(j=0; j<lines.length; j++){
    var lblElementID = document.getElementById('idkey'+j);
    console.log(lblElementID);
}

answered Dec 20 '13 at 13:33

Ringo

3,795
3
22
37

score 1 · Answer 3 · answered Dec 20 '13 at 13:35

1

You forget to use the document global namespace

The correct way to access the getElementById is the following

document.getElementById('idkey')

answered Dec 20 '13 at 13:35

Igor Šarčević

3,481
1
19
21

dynamically added text id, getElementById

3 Answers3

Linked