在这个页面上，我有一个表格可以输入给定名册上学生的信息。每个学生都列在一个带有下拉框和评论字段的表格中。每个学生都有一个“添加另一个”按钮，因此如果用户想输入关于学生的第二条注释，他们可以。
单击按钮启动此 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 的追加...没有区别。但是，如果我在函数的最开始添加一条警告语句，现在它就可以工作了。啊？！？！