二级联动菜单简单实现

刚看了jamesby的JSP实现,实在是没耐心看完。因为刚学jsp的时候确实用过,自己想了个简单实现,在此拿出来看看,纯属抛砖引玉,希望大家有好的建议拿去来大家共享讨论。
由webwork+javascript实现
设计思路大致是 由webwork将所有一级菜单和二级菜单的列表提交到jsp页面,将一级菜单列表直接显示到下拉列表框中,而二级列表则封装到一javascript数组中,根据一级列表筐change事件取出数组中相应的数据显示到二级列表筐中,代码如下:
[code]
<script LANGUAGE="javascript">
//级联下拉框部分
<!--
var count;
count=0;

subcat = new Array();
<ww:iterator value="details">//details为二级下拉列表全部内容
subcat[count++] = new Array("<ww:property value='name'/>",
"<ww:property value='code'/>",
"<ww:property value='kind'/>");
</ww:iterator>

//一级列表change事件调用方法
function changelocation(kind)
{
for (i=0;i < count; i++)
{
if (subcat[i][2] == kind)
{
document.all.select2.options[document.all.select2.length]
= new Option(subcat[i][0], subcat[i][2]);
}
}
}

//-->
</script>
[/code]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值