jsp 实现二级联动

[zjkhcl]

选择一个下拉框后，在一个div里显示该项目的内容，我第一次点击已经可以了，但是之后再选择其他的，div列表不再刷新，调试显示到div的页面内容是正确的，大家帮忙看看，代码如下：
<div>
<table width="100%" height="300px" cellpadding="0" cellspacing="0">
<tr><td>  项目类别：</td>
<td height="25">
<select id="itemType" onchange="setItemType();">
<option value="" desc=""></option>
<%for(int i=0;SysCode.sysTypeList!= null && i<SysCode.sysTypeList.size();i++){
CrrtSysDict crrtsysdic= (CrrtSysDict)SysCode.sysTypeList.get(i); %>
<option value="<%=StringUtil.toHtml(SysCode.sysTypeList.get(i).getItemCode()) %>"> <%=StringUtil.toHtml(SysCode.sysTypeList.get(i).getItemName()) %>
</option> <%} %></select></td>
</tr>
<tr><td colspan="2">
<table width="100%" height="100%" cellpadding="0" cellspacing="0">
<tr><td width="45%">
<div id="leftList" class="body_area_main">
</div>
</td>


<script defer="defer">
function setItemType(){ //查询结果项目类型下拉框选择事件
var selectIndex = document.getElementById("itemType").selectedIndex;
if(selectIndex>-1){
//document.all.itemType.options.length = 0; //清空表单
var itemType = document.getElementById("itemType").options[selectIndex].value;
var url = "<%=urlStart%>&reqType=ItemType&itemType="+itemType;
document.getElementById("itemType").value = locationid;
var str =doGet(url,null,false);
document.all.leftList.innerHTML = "";
document.all.leftList.innerHTML = str;
alert(str);
}
}
</script>

[zjkhcl]

div的页面代码如下： <jsp:useBean id="lst" class="java.util.Vector" scope="request" /> <div id="leftList" style="text-align:center;height:235px;overflow:auto"> <table class="grid" width="100%" valign="top"> <colgroup align="center"> <col width="100%"></col> </colgroup> <%if(lst!=null&&lst.size()>0){ for(int j=0;lst.size()>0&&j<lst.size();j++){ CrrtSysDict crrtsys = (CrrtSysDict)lst.get(j); String itemcode = crrtsys.getItemCode(); %> <tr height="25" onmouseover="fn_MouseOver(this);" style="padding-left:5px;" onMouseUp="fn_MouseOver(this); <%if(itemcode!=null&&itemcode!=""){%>menu('<%=itemcode%>');return false;<% }%>" <%if(itemcode==null||itemcode=="") {%>onmouseout="this.className='othertd';" <%} %> > <td><%=StringUtil.toHtml(crrtsys.getItemName()) %></td> </tr> <%}}%> </table> </div>

[_拙计]

你这个div页面 没有重新请求吧

[_拙计]

你可以用ajax写嘛，ajax请求成功后，在success函数中把返回的内容循环到table中

[zjkhcl]

自己搞定了，把document.all.leftList.innerHTML = "";改为document.getElementById（“leftList”）.innerHTML=""放在setItemType()最前面就可以了！

[zjkhcl]

有点不明白这两个document.all.leftList.innerHTML = "" document.getElementById（“leftList”）.innerHTML=""的区别！