<select id="classId" name="classId">
<c:forEach items="${classList}" var="Class">
<option value="${Class.id }">${Class.name }</option>
</c:forEach>
</select>
后台传数据过来的话,你用这个方法就可以
WebUtils.setSessionAttribute(request, "classList", classList);
你前台取值的时候跟它的命名一致就可以了
<BODY><p id="pp"></p>
</BODY>
<script>
var p = document.getElementById('pp')
var str = ''
for(var i = 1i<=100i++){
str+="班级:** &nbsp&nbsp姓名:**</br>"
}
p.innerHTML = str
</script>
就是2个ajax查询(1)学院--直接写select, onchange 事件绑定一个AJAX查询,查询专业信息,
(2)专业的select onchange事件绑定一个AJAX查询,查询班级
类似代码,你改改吧
/*----------------------代码---------------------*/
getArea : function(parameter){
if(!parameter ){
parameter = {}
}
var _url = path + "/register/queryAreaJSON.do"
$.ajax({
url : _url,
type : "post",
dataType : "json",
data : parameter,
beforeSend : function(){
},
success : function(data){
if(data.error_code == 0){
var list = data.areaList
var html = '<option value="">-全部-</option>'
for(var i = 0,listlength = list.lengthi <listlengthi++){
if(typeof(_areaNo) != "undefined" &&_areaNo == list[i].areaNo){
html += '<option value="'+list[i].areaNo+'" selected="selected">'+list[i].areaName+'</option>'
ExamineeRegisterList.areaChange(list[i].areaNo,false)
}else{
html += '<option value="'+list[i].areaNo+'">'+list[i].areaName+'</option>'
}
}
$("#areaChange").html(html)
BPMUtil.fix_select($("#areaChange"))
}else if(data.error_code == 105){
}else{
alert(errMap.get(data.error_code))
}
},
error : function(){
alert(errMap.get(10000))
}
})
},
areaChange : function(areaNo,flag){
var _value
if(flag){
_value = $("#areaChange").val()
}else{
_value = areaNo
}
$("#schoolChange").html('<option value="">-全部-</option>')
BPMUtil.fix_select($("#schoolChange"))
/* $("#stuGrade").html('<option value="">-全部-</option>')
BPMUtil.fix_select($("#stuGrade"))*/
$("#stuClass").html('<option value="">-全部-</option>')
BPMUtil.fix_select($("#stuClass"))
if(_value == ""){
return
}
var parameter = {}
parameter["examineeRegisterInfo.areaNo"] = _value
this.getSchool(parameter,flag)
},
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)