На этой странице у меня есть форма для ввода информации о студентах в данном списке. Каждый студент указан в таблице с выпадающим списком и полем комментариев. Для каждого учащегося есть кнопка «Добавить еще», так что если пользователь хочет ввести второе примечание об учащемся, он может это сделать.
Нажатие на кнопку запускает эту функцию JavaScript:
var counter=1;
function multipleDemerits(studentID) {
counter++;
var anotherDemeritRow = "<select name='behavior_"+studentID+"_"+counter+"'><option value=0>Select --></option><option value=0></option><option value=0>1 demerit behaviors</option><option value=1> unprepared</option><option value=2> incomplete hw</option><option value=3> electronics/phone</option><option value=4> uniform</option><option value=5> talking/making noise</option><option value=0></option><option value=0>2 demerit behaviors</option><option value=6> tardy</option><option value=7> wasting time</option><option value=8> food/gum</option></select> Comments: <input name='comments_"+studentID+"_"+counter+"' type='text' size='30' maxlength='100'/><br /> ";
document.getElementById(studentID).innerHTML += anotherDemeritRow;
}
Новое раскрывающееся поле и поле комментариев прекрасно отображаются в браузерах Mac, но не так в Windows Firefox или IE. Высота текущей строки таблицы не увеличивается, поэтому дополнительные поля начинают перекрывать остальные строки таблицы. НЕ то, что я хочу вообще.
Есть идеи от экспертов по браузерам Windows? Спасибо!
Обновление: изменено на jQuery's добавление ... без разницы. Однако, если я добавлю оператор оповещения в самое начало функции, СЕЙЧАС это работает. А?!?!