Динмическое размещение типов ввода внутри (таблицы) тега <td>- тег innerHTML не работает в Internet Explorer

Question

Мне нужно динамически размещать типы ввода внутри тега <td> - метод innerHTML () не работает в Internet Explorer. Он хорошо работает в Mozilla.

Это способ размещения типов ввода в JavaScript, где ValueCol - это идентификатор <td>. При некоторых действиях мне нужно изменить элемент управления на текстовое поле.

   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>";

Он отлично работает в Mozilla, но не в Internet Explore. Что я делаю не так?

Answer 1

Ну, как описано в Таблица совместимости QuirksMode , innerHTML не работает нормально в IE для таблиц. Вы должны использовать обычные манипуляции с DOM.

Answer 2

Похоже, вы забыли закрыть элемент <select>. Возможно, это имеет влияние?