struts2 doubleselect 二级级联菜单


想了一天 也做了一天 最后是数据结构不对 ,没能 动态级联 类别和子类别 二级菜单

需求是: 商品要进行分类 ,希望 注册商品时候 能选择它属于哪一个大类的一个子类别,,需要动态的选择下拉菜单 ,就像选择省份,会出现相应的城市

<s:formname="f1">

<s:doubleselectlist="#request.provinceList"listKey="id"listValue="name"

doubleName="cityId"

doubleList="#request.cityMap.get(top.id)"doubleListKey="id"doubleListValue="name"/>

</s:form>

这是doubleselect的jsp代码

list是第一个菜单的类别, listKey相当于input标签的 name listValue是显示的数据项,相当于input标签的value

doubleList是Map<k,k>的数据结构,get(top.id) 表示从第一级菜单的参数id来查询对应的value,top.id作为map的key

java代码

  HttpServletRequest request = ServletActionContext.getRequest();
	            
	        	SelectSql sel = new SelectSql();
	           List<Category> categoryList=    	new ArrayList<Category>();
	         categoryList=  	sel.selectCategoryAll();
	            request.setAttribute("categoryList", categoryList);
	      Map<String, List<SonCategory>>      sonMap = new HashMap<String, List<SonCategory>>();
	            for(int i=0;i<categoryList.size();i++){
	            	
	            	String cateId = categoryList.get(i).getCategoryId();
	            	sonMap.put(cateId, sel.findSonCateById(cateId));
	            }

jsp代码

<s:form name="f1">
<s:doubleselect list="#request.categoryList" listKey="categoryId" listValue="categoryName"
doubleName="cityId"
doubleList="#request.sonMap.get(top.categoryId)" doubleListKey="sonCategoryId" doubleListValue="sonCategoryName"/>
</s:form>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
doubleselect标签是一种用于在网页上实现多级联动选择的HTML标签。它主要用于在下拉菜单中根据用户的选择来动态显示相关选项。 doubleselect标签的使用非常简单。首先,需要在HTML页面中引入相应的脚本库。然后,在合适的位置使用doubleselect标签进行声明。 例如,下面是一个简单的doubleselect标签的代码示例: ``` <select id="firstSelect" name="firstSelect"> <option value="">请选择</option> <option value="option1">选项1</option> <option value="option2">选项2</option> </select> <select id="secondSelect" name="secondSelect"> <option value="">请选择</option> </select> <script type="text/javascript"> new doubleselect("firstSelect", "secondSelect", { "option1": ["子选项1", "子选项2"], "option2": ["子选项3", "子选项4"] }); </script> ``` 上面的代码中,首先我们定义了两个select标签,分别对应第一级和第二级的选择。然后,通过脚本部分的代码进行了doubleselect的初始化。初始化时需要传入两个select标签的id,以及一个对象,该对象中包含了选项的关系。根据选中的第一级选项,第二级的选项会动态更新。 在实际使用中,我们可以根据具体需求进行扩展和定制,例如可以添加更多级的选择,或者在选择过程中执行一些特定操作。 总的来说,doubleselect标签是一个非常有用的HTML标签,能够帮助我们实现动态联动选择功能,提升用户体验。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值