setAttribute and onClick

[cactusPhone]

With googling I have found that IE does not support setAttribute and onClick, so I tried the alternative recommended below using lowercase onclick = a function, but nothing is being inserted into my radio button, just the name and type=radio. Anyone know how I might remedy this? Thanks so much.

      var SizeRadio1 = document.createElement("input");
      SizeRadio1.setAttribute("type","radio");
      SizeRadio1.setAttribute("name","breedFinderChoice");

      SizeRadio1.onclick = function () {changeDropDown(i,'size_id')};                    

      var rec1 = document.createElement("div");
      rec1.style.cssText = "color:#336;margin 4px 0px 2px 0px;";    
      rec1.appendChild(SizeRadio1); 
     .... rest of code to append some text to rec1

[bosko]

You are missing

document.body.appendChild(rec1);
rec1.appendChild(SizeRadio1);

If it's still don't work then your function changeDropDown(i,'size_id') is not good.
Try to debug with

SizeRadio1.onclick = function () {alert('something')};

[Banana Ananda]

Yes.

SizeRadio1.onclick = function () {changeDropDown(i,'size_id')};

If this is being done inside a loop in a function, you will end up with a closure. i will always be the value of i after loop exit.

[cactusPhone]

Yes.

SizeRadio1.onclick = function () {changeDropDown(i,'size_id')};

If this is being done inside a loop in a function, you will end up with a closure. i will always be the value of i after loop exit.

Thanks so much! That was it. I see my error now with the timing of the function call.

[cactusPhone]

The radio button in IE does fire the event, but does not show as being selected when clicked. Do I need to write into the function an event to make the radio button selected?

[Banana Ananda]

but does not show as being selected when clicked.

I can't see why. Do you have some example code to play with ?