dwr 回调函数操作页面的问题
<!-- dwr -->
<script type='text/javascript'
src='${ctx}/dwr/engine.js'></script>
<script type='text/javascript' src='${ctx}/dwr/util.js'></script>
<script type='text/javascript'
src='${ctx}/dwr/interface/hptFoodGroupFacade.js'></script>
<script type="text/javascript">
function getFoodGroupList(id){
alert("10");
hptFoodGroupFacade.getHptFoodGroupListByFoodBaseGroupId(id,changeFoodGroup);
alert("11");
}
function changeFoodGroup(data){
alert(data.length);
var op = document.getElementById("tabc").getElementsByTagName("li");
alert(op.length);
alert("2");
for(var j = 0 ; j < data.length ; j++){
alert("3");
op.innerHtml="data[j].foodGroup";
}
}
</script>
这里是食品大类,相当于是一级菜单,
<ul id="tabb">
<logic:iterate id="foodBaseGroup"
name="foodBaseGroupList">
<li>
<a href="javascript:;"
onclick="javascript:getFoodGroupList('${foodBaseGroup.id }')">${foodBaseGroup.baseGruop}</a>
</li>
</logic:iterate>
</ul>
这里是食品小类,相当于二级菜单
<div class="tabc1">
<ul id="tabc">
我想用DWR的回调函数控制这里的输出,下面的注释是没有用dwr的方式,第二个注释是静态的, <!--
<logic:iterate id="foodGroup" "foodGroupList">
<li>
<a href="#">${foodGroup.foodGroup }</a>
</li>
</logic:iterate>
-->
<!--
<li>
<a href="#">鹌鹑蛋</a>
</li>
<li>
<a href="#">鸡蛋</a>
</li>
<li>
<a href="#">鸭蛋</a>
</li>
<li>
<a href="#">鹅蛋</a>
</li>
-->
</ul>
</div>
现在我的问题就是,怎么在回调函数里写代码得到我静态的这种效果呢?现在问题只是在回调函数这如何和ul或者li这些标签联系到一起,回调函数的data里是有值的,没问题!