getting the id of dynamically generated textboxes in using document.getElementById()

[scripter199]

Hi,

Im adding textboxes dynamically from an onclick event that calls the function below:
function addRowDynamic()
{
rowCnt++;
lookupCnt++;
id++;
//add a row to the rows collection and get a reference to the new added row
var newRow = document.all("D").insertRow(rowCnt);

//add cells (<td>) to the new row and set the innerHTML

oneCell = newRow.insertCell();
var lookup= "image" + lookupCnt;
rowName = "DynamicValue" + rowCnt;
rowName = rowName.toString();

twoCell = newRow.insertCell();

twoCell.innerHTML = "<input type='text' name='" + rowName + "'
id='row "+ id +"'> <a href='#'
onclick='javascript:showDynamicValuesNewRow(" + rowName +");return false'><img src='/rlms/images/lookup.gif' name='lookup' border='0' alt=''/></a> <a href='#' onclick='javascript:removeRowDynamic(this);return false'>Remove</a>";

var element = document.getElementById("row"+id).getAttribute("na me");
alert("id:"+element);
}

I have intialised rowCnt, lookupCnt, and id to 1 in the script... How do get the id of the new field ie. id='row"+id+"' using document.getElementById("row"+id).getAttribute("na me").
Currently im getting the error " document.getElementById("row"+id) is null or not an object".
Can you tell thet correct way of setting/getting the 'id'

Thanks.

[dorinbogdan]

Remove the space when build the id string, so use:

id='row"+ id +...

instead of:

id='row "+ id +...

[scripto]

I would try

id='row' + id.toString();

the problem is that getElementById only accepts strings, so convert the ID to a string first.

[dorinbogdan]

It's fine to convert to string, but in this case it's not required, since an implicit conversion occurs.

It should work with ("row"+id).

Scripter199, did you succeed to solve the problem?