document.getElementByID() not working in IE8

[ravindra patil]

HI ,
i am dynamically creating <Select> tag .. and trying to append that to my td element

so i am doing like

var cmpCtl = document.getElementById("my-td"); whre "my-td" is id of td tag

cmpCtl.appendChild(objSelect);

this doesnt work in IE8 it works in IE9 and FF ..


any clue or any other alernative ??

[Bear Bibeault]

Do you have more than omen element with that same id value?

[Jee Ba]

Maybe there are some tag that are not closed, like a div or an input. some time ago I have problems with js because of it. All my code worked on Firefox and Chrome, but not in IE. I discovered that I have malformed HTML and it worked again.

[ravindra patil]

var objComplex = document.createElement("DIV"); var objTable = document.createElement("TABLE"); var objTR1 = document.createElement("TR"); var objTR2 = document.createElement("TR"); var objTD1 = document.createElement("TD"); var objTD2 = document.createElement("TD");//document.createElement("TD"); //document.createElementNS('p','TD'); objTD2.setAttribute("id","complex-controls-td"); objTR1.appendChild(objTD1); objTR2.appendChild(objTD2); objTable.appendChild(objTR1); objTable.appendChild(objTR2); objComplex.appendChild(objTable); here is my td with id as complex-controls-td i am able to get reference of td here but when i try to append using appendChiled() it is not appending and not displaying anything

here is my other function where i am trying to get that TD

var objSelect = document.createElement("SELECT"); objSelect.setAttribute("multiple","yes"); objSelect.setAttribute("id",fName+"_"+currIndex); objSelect.setAttribute("name",fName+"_"+currIndex); objSelect.setAttribute("level",currIndex); objSelect.style.height = "100px"; objSelect.style.width = "120px"; var tmpCurrAttrVal = attrObj.replace(/\'/g,"\\\'"); objSelect.setAttribute("onchange","FullSearch.refreshNextField(this,'"+tmpCurrAttrVal+"','"+(parseInt(currIndex)+1)+"','"+lastIndex+"','"+fName+"','"+fieldSep+"')"); var checkDuplicate = new Object(); for(var k=0; k< attrValues.length; k++){ if(attrValues[k].indexOf(selectedValue + fieldSep) > -1 && attrValues[k].indexOf(fieldSep + selectedValue + fieldSep) == -1){ if (attrValues[k] == selectedValue) { continue; } isNextFieldBlank = false; var textVal = attrValues[k].replace(selectedValue + fieldSep,""); if(textVal.indexOf(fieldSep) > -1){ textVal = textVal.substring(0,textVal.indexOf(fieldSep)); } if(checkDuplicate[textVal] == null){ checkDuplicate[textVal] = new Object(); checkDuplicate[textVal] = textVal; var key = textVal; var value = selectedValue + fieldSep + textVal; objSelect.options[objSelect.options.length] = new Option(key,value); } } } if (!isNextFieldBlank) { var strHTML = ""; document.getElementById("complex-controls-td").appendChild(objSelect); // this works in FF but fails in IE for(var l=0; l<objCurrSelect.options.length; l++) { if(objCurrSelect.options[l].selected){ objCurrSelect.options[l].setAttribute("hasChild","true"); } } }
i googled it : found related to add TBODY .. is that missing? but on firebug i can see tbody added automatically


i am trying this since last 2 days but no sucess >

[Eric Pascarello]

Can you use code tags, so the code is readable?

Eric

[ravindra patil]

ya Done Eric code is dynamically creating table inside div and use case is i have options under options means like district is option based on selected district need to show city so i am trying to append city options to TD tag
unfortunately its not working in IE8 the code works fine on IE9 ..

i get reference of TD tag but .appendChild not working if i do getElementByName().appendChild it says object doesnt suport this property......