Need error solving

Problem is, instead of values shown in list of select (tag) as options, they are been written beside it. The row within which select (tag) is been generated are dynamic based on user choice.

The code is:

row.innerHTML = "<select name='list["+rowNo+"]' id='list["+rowNo+"]' >";

for(var i=1; i<=31; i++){

row.innerHTML += "<option >"+i+"</option>" ;

}//end of for

row.innerHTML += "</select>";

Create it into the DOM rather than trying to write it on to the page.

function setSelect(p_iCount,p_rowNo,p_parent) {
var objSelect = document.createElement("select");
	for (var i = 0;i < p_iCount; i++) { 
		objSelect.options[i] = new Option(i + 1,i + 1);
	}
	objSelect.setAttribute("name","list" + p_rowNo);
	objSelect.setAttribute("id","list" + p_rowNo);
	
	document.getElementById(p_parent).appendChild(objSelect);
}

I was guessing one or two line code solution, but thanks its proper and generalized solution .