当前位置:  编程技术>jquery

jquery生成二级菜单的实例代码

    来源: 互联网  发布时间:2014-10-04

    本文导语:  1,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;...

1,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.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(,);
});
 

页面代码:
 

代码示例:

  一级栏目
  
 



  二级栏目
 
 
 

服务器端
 

代码示例:

public String querySubChannelArticle(){ 
HttpServletResponse response=getResponse();
HttpServletRequest request=getRequest();
 response.setContentType("application/json; charset=UTF-8");
 PrintWriter out =null;
 try {
     out = response.getWriter();

     List list = new LinkedList();
     if(channelId!=null && !channelId.equals("")){
  Channel tmp = new Channel();
  tmp.setChannelId(Integer.parseInt(channelId));
  subChannelList = subChannelDAO.listSubChannel(tmp);

  for(Object oo:subChannelList){
  Map obj = new HashMap();
  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.zclip插件复制对象的实例教程
  • JQuery验证特殊字符实例
  • jquery检验实例-改变错误提示信息的位置
  • textarea显示成label的样式 jquery实例
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery修改属性值实例代码(设置属性值)
  • Jquery each方法跳出循环,并获取返回值(实例讲解)
  • jquery等宽输出文字插件的实例代码
  • jquery 回车事件的实例分享
  • jquery 获取dom固定元素 添加样式的简单实例
  • Jquery 获取元素位置序号的实例代码
  • jquery获得表单所有数据的实例分享
  • jQuery回车键事件实例代码
  • Jquery 键盘按键监听与滑动效果的实例
  • jquery实现弹出div,始终显示在屏幕正中间的简单实例
  • jquery导航固定效果实例
  • jquery 延迟执行的实例分享
  • JQuery validate日期比较实例
  • Jquery如何获取新浪天气预报?实例代码
  • jquery 网页自动播放声音实例
  • jQuery生成二维条形码 jquery.qrcode.js
  • jQuery表单生成插件 jquery-form
  • jQuery矢量地图生成插件 JQVAMP
  • jQuery 随机密码生成示例
  • jQuery多组随机数的生成代码
  • jQuery插件生成随机数的例子
  • 快速的jQuery插件和PHP表格生成器 Watajax
  • jquery弹窗插件colorbox绑定动态生成元素的方法
  • Jquery 动态生成表格示例代码
  • 使用jquery.qrcode生成彩色二维码实例
  • jQuery获取动态生成的元素示例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery上下文菜单插件 jquery-simple-context-menu
  • jQuery菜单插件 Dmenu jQuery Plugin
  • jQuery下拉菜单插件 jQuery Simple Drop Down Menu
  • jQuery 下拉菜单插件 jQuery menu-aim
  • jquery下拉菜单效果 jquery点击弹出下拉菜单的例子
  • jQuery 菜单插件 jVanilla Menu
  • jQuery响应式侧栏菜单插件 sidr
  • jQuery树型菜单 MagicDTree
  • 抽屉式菜单 jQuery.mmenu
  • jQuery菜单插件 Superfish
  • jQuery卷帘菜单插件 HoverAccordion
  • 侧边栏菜单插件 jQuery SideBar Plugin
  • jQuery菜单插件 Smooth Navigational Menu
  • jQuery多层级菜单插件 DD Mega Menu
  • jQuery水平下拉菜单 jMenu
  • jQuery 动画菜单 aMenu iis7站长之家
  • jQuery 导航菜单 FlexNav
  • jQuery 动画菜单 aMenu
  • jQuery菜单插件 mbMenu
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3