请交各位高手

这是一个一直困扰我的问题，我用firebug在页面调试一步步执行是，可以显示出我想要的效果。但我直接运行不调试她去无法帮我初始化一些值。
这是我的页面<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>
<html>
<head>
<title>Britannica SmartMath - School Management</title>
</head>
<body>
<%
String path = request.getContextPath();
%>
<script type="text/javascript" language="javascript" charset="UTF-8" >
var win = window;
var doc = document;
win.onload = function () {
if ('<s:property value='%{#session.user.userType}'/>' == "5") {
schoolByDistrictList(<s:property value='%{#session.user.userId}'/>, '<s:property value="schoolName" />', '<s:property value="parent.parentId" />');
} else {
schoolSelect.findSchoolByUserId('<s:property value='%{#session.user.userId}' />', schoolValue);
parentList('<s:property value='%{#session.user.userId}' />', '<s:property value="parent.parentId" />');
}
var list1 = new Array();
var option;
list1.push({id:1,value:'Grade 1'}, {id:2,value:'Grade 2'
}, {id:3,value:'Grade 3'}, {id:4,value:'Grade 4'},
{id:5,value:'Grade 5'}, {id:6,value:'Grade 6'},
{id:7,value:'Grade 7'}, {id:8,value:'Grade 8'},
{id:9,value:'Grade 9'}, {id:10,value:'Grade 10'});
DWRUtil.addOptions("grade", list1, "id", "value");
}; function parentByDistrictLists() {
parentByDistrictList('<s:property value="parent.parentId" />');
} function schoolByDistrictList(value, schoolId, parentId) {
schoolSelect.findSchoolByDistrict(value, function (data) {
schoolByDistrict(data, schoolId, parentId);
});
}
function schoolByDistrict(data, schoolId, parentId) {
DWRUtil.removeAllOptions("parent");
var list = new Array();
list.push({id:-1,name:"Select School Name"});
DWRUtil.addOptions("schools", list, "id", "name");
DWRUtil.addOptions("schools", data, "schoolId", "schoolName");
if (schoolId != "" && parentId != "") {
DWRUtil.setValue("schools", schoolId);
parentByDistrictList(parentId);
} else {
var list1 = new Array();
var option1 = {id:-1,value:"Select Teacher"};
list1.push(option1);
DWRUtil.addOptions("parent", list1, "id", "value");
}
} function parentByDistrictList(teacherId) {
var schoolId = DWRUtil.getValue("schools");
if (schoolId != -1) {
DWRUtil.setValue("school", DWRUtil.getValue("schools"));
DWRUtil.setValue("schoolId", DWRUtil.getValue("schools"));
parentSelect.findParentListBySchoolId(schoolId, function(data) {
parents(teacherId, data);
});
} else {
DWRUtil.removeAllOptions("parent");
var list = new Array();
var option1 = {id:-1,value:"Select Teacher"};
list.push(option1);
DWRUtil.addOptions("parent", list, "id", "value");
DWRUtil.setValue("parentCount", 0);
}
}
function parentList(userId, parentId) {
parentSelect.findParentByUserId(userId, function(data) {
parents(parentId, data);
});
}
function parents(parentId, data) {
DWRUtil.removeAllOptions("parent");
// data.sort(function(e1, e2) {
// return e1.parentId - e2.parentId;
// });
var list = new Array();
var option1 = {id:-1,value:"Select Teacher"};
list.push(option1);
for (var i = 0; i < data.length; i++) {
var option = {id:data[i].parentId,
value:" Name: " + data[i].firstName + " " + data[i].lastName + " || Username: " + data[i].user.userName
};
list.push(option);
}
DWRUtil.addOptions("parent", list, "id", "value");
if (data.length == 1)
return;
DWRUtil.setValue("parentCount", data.length);
if (parentId != "") {
DWRUtil.setValue("parent", parentId);
classList();
}
}
function classList() {
var teacherId = DWRUtil.getValue("parent");
var schoolId;
schoolId = DWRUtil.getValue("schools");
if (schoolId == "" || schoolId == null) {
schoolId = DWRUtil.getValue("schoolId");
}
classSelect.findClassListByTeacherIdAndSchoolId(teacherId, schoolId, function (data) {
classInfo(schoolId, data);
});
}
//   var hre =win.location.href;
// function enLink() {
// hre = "SwitchLang!SwitchLanguage.action?request_locale=en_US";
// }
// function zhLink() {
// hre = "SwitchLang!SwitchLanguage.action?request_locale=zh_TW";
// }
function isnDelete(id) {
var hre = "../secure/is_not_delete.jsp?";
doc.cookie = "classId=" + id;
doc.cookie ="teacherId="+DWRUtil.getValue("parent");
doc.cookie ="schoolId="+DWRUtil.getValue("schools");
Modalbox.show(hre, {title: 'Are you sure you want to delete the class?', width: 500, height: 300});
return false;
} function classInfo(schoolId, data) {
var cellfuncs = [
function(data) {
return data.name;
},
function(data) {
if (data.grade == 1) {
return "Grade 1";
}
if (data.grade == 2) {
return "Grade 2";
}
if (data.grade == 3) {
return "Grade 3";
}
if (data.grade == 4) {
return "Grade 4";
}
if (data.grade == 5) {
return "Grade 5";
}
if (data.grade == 6) {
return "Grade 6";
}
if (data.grade == 7) {
return "Grade 7";
}
if (data.grade == 8) {
return "Grade 8";
}
if (data.grade == 9) {
return "Grade 9";
}
if (data.grade == 10) {
return "Grade 10";
}
},
function(data) {
var id = data.classId;
var div = doc.createElement("div");
var modify = doc.createElement("input");
modify.type = "button";
modify.value = "Edit Class";
modify.onclick = function() {
location.href = "UpdateSchoolClass!showModifyClass.action?classId=" + id + "&schoolId=" + schoolId;
} var del = doc.createElement("input");
del.type = "submit";
del.value = "Remove Class";
del.onclick = function() {
return isnDelete(id);
}; var image = doc.createElement("input");
image.height = "15";
image.type = "image";
image.src = '<%=path +"/img/ruby_go.png"%>';
image.setAttribute("height", "15"); div.appendChild(image);
div.appendChild(modify);
div.appendChild(del); return div;
}
];
DWRUtil.removeAllRows('tabId');
DWRUtil.addRows('tabId', data, cellfuncs, {
// rowCreator:function(options) {
rowCreator:function() {
var row = doc.createElement("tr");
return row;
},
// cellCreator:function(options) {
cellCreator:function() {
var td = doc.createElement("td");
return td;
}
});
}</script><%--<s:hidden name="parent.parnetId" value="%{parent.parnetId}"></s:hidden>--%>
<div class="featurebox_center">
<s:form action="AddSchoolClass" theme="simple">
<h3 align="center">School Management Summary</h3>
<s:fielderror></s:fielderror>
<s:hidden id="schoolId" name="classInfo.schoolId"></s:hidden>
<table>
<s:if test="#session.user.userType==5">
<tr>
<td><b>Select School Name</b></td>
<td><select name="schoolName" style="width:300px" id="schools"
onchange="parentByDistrictLists();"></select></td>
<td>&nbsp;</td>
</tr>
</s:if>
<s:else>
</s:else>
<tr>
<td><b>Select Teacher Profile</b></td>
<td>
<select style="width:300px" id="parent" name="parent.parentId" onchange="classList();"></select>
</td>
<td width="200" valign="middle"><s:a href="#" onclick="return parentLink();">
<img height="15" src='<%=path+ "/img/picture_go.png" %>'/>
Edit Profile</s:a>
</td>
</tr>
<tr>
<td colspan="3">
<div class="add_bold">School Information</div>
</td>
</tr>
<tr>
<td colspan="3"><s:hidden name="parentCount" value="%{parentCount}"/>Number of Teacher(s):<s:label
name="parentCount" id="parentCount"/></td>
</tr>
<s:if test="#session.user.userType==4">
<tr>
<td>Select School Name</td>
<td><s:textfield cssStyle="width:295px" id="school" name="school.schoolName"
 readonly="true"></s:textfield></td>
<td>&nbsp;</td>
</tr>
</s:if>
<tr>
<td>Grade/Level</td>
<td>
<select style="width:300px" id="grade" name="classInfo.grade"></select>
</td>
<td>&nbsp;</td>
</tr>
<tr>
<td width="200">Class Name</td>
<td><s:textfield cssStyle="width:295px" name="classInfo.name"></s:textfield></td>
<td>&nbsp;</td>
</tr>
<tr>
<td colspan="3"><s:submit method="addClassInfo" value="Add Class"
  onclick="return IsNAddClassInfo();"></s:submit></td>
</tr>
</table>
<table>
<thead>
<tr>
<td width="200">
<div class="add_bold">Class Name</div>
</td>
<td width="200">
<div class="add_bold">Grade/Level</div>
</td>
<td width="200">
<div class="add_bold">Actions</div>
</td>
</tr>
</thead>
<tbody id="tabId"></tbody>
</table>
</s:form></div>
</body>
</html>