用jquery生成二级菜单的实例代码
2013-06-24 00:00
766 查看
javascript
页面中的函数
页面代码:
服务器端
其实蛮简洁的
页面中的函数
function querySub(id,sid/*选中的项*/){ $.post('${path}/page/article/querySubChannelArticle.action', {'channelId':id},function(data){ $('select[name="article.subChannel.subId"] option[value!=""]').remove(); var jsonObj = data; for ( var i = 0; i < jsonObj.length; i++) { var $option = $('<option>'); $option.attr('value',jsonObj[i].subId); if(jsonObj[i].subId === sid){ $option.attr('selected',true); } $option.text(jsonObj[i].subName); $('select[name="article.subChannel.subId"]').append($option); } }); } $(function(){ querySub(<s:property value='article.subChannel.channel.channelId'/>,<s:property value='article.subChannel.subId'/>); });
页面代码:
<tr> <th>一级栏目</th> <td valign="middle"> <s:select id='_channel' list="channelList" listKey="channelId" listValue="channelName" key="article.subChannel.channel.channelId" onchange="querySub(this.value)"></s:select> </td> </tr> <tr> <th>二级栏目</th> <td valign="middle"> <s:select name='article.subChannel.subId' list="{}" headerKey="" headerValue="-请选择-"></s:select> <!--<s:property value="article.subChannel.subName"/> --></td> </tr>
服务器端
public String querySubChannelArticle(){ HttpServletResponse response=getResponse(); HttpServletRequest request=getRequest(); response.setContentType("application/json; charset=UTF-8"); PrintWriter out =null; try { out = response.getWriter(); List<Map<String,Object>> list = new LinkedList<Map<String,Object>>(); if(channelId!=null && !channelId.equals("")){ Channel tmp = new Channel(); tmp.setChannelId(Integer.parseInt(channelId)); subChannelList = subChannelDAO.listSubChannel(tmp); for(Object oo:subChannelList){ Map<String,Object> obj = new HashMap<String,Object>(); SubChannel c = (SubChannel)oo; obj.put("subId", c.getSubId()); obj.put("subName", c.getSubName()); list.add(obj); } } String outStr = JsonUtil.toJSONStr(list); out.println(outStr); }catch(Exception e){ e.printStackTrace(); } out.flush(); out.close(); return null; }
其实蛮简洁的
相关文章推荐
- 用jquery生成二级菜单的实例代码
- 用jquery生成二级菜单的实例代码
- 用jquery生成二级菜单的实例代码
- jquery实现树形二级菜单实例代码
- jquery实现树形二级菜单实例代码
- 基于jQuery实现的向下滑动二级菜单效果代码
- jQuery实现可编辑表格并生成json结果(实例代码)
- js二级导航菜单代码实例
- 代码收集_jQuery省份城市菜单二级下拉列表联动功能
- jQuery实现的淡入淡出二级菜单效果代码
- jquery二级菜单动画效果的实现代码
- jquery实现的简单二级菜单效果代码
- jQuery实现可收缩展开的级联菜单实例代码
- 用jquery生成二级菜单
- jquery实现动态菜单的实例代码
- JQuery 动态生成Table表格实例代码
- jQuery中,选中一级菜单,二级菜单自动出现的js代码
- jquery 实现二级/三级/多级联动菜单的思路及代码