Dynmically placing the input types inside(table) a <td> tag - innerHTML tag is not working in internet-explorer

I need to dynamically place input types inside a <td> tag - innerHTML() method is not working in Internet Explorer. It works fine in Mozilla.

This is the way I'm plac开发者_如何学Going the input types in the JavaScript, where ValueCol is the <td> id, On some action I have to change the control to text box.

   document.getElementById("ValueCol").innerHTML = "<select name=\"type\" id=\"periodPass\" onchange=\"javascript:AmountOnPeriodPass(this);\"> <option selected=\"selected\" >Select a Pass</option><option>10-day Pass</option><option>Monthly Pass</option>";

It works fine in Mozilla but not in Internet Explore. What am I doing wrong?

Well, as described in QuirksMode Compatibility tables, innerHTML doesn't work fine in IE for the tables. You have to use the regular DOM manipulation.

It seems like you forgot to close the <select> element. Perhaps that's of influence?