当前位置:  编程技术>jquery

JQuery级联下拉菜单实现代码

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

    本文导语:  例子,用jquery脚本实现级联下拉菜单。   代码示例: function show_hnbInfo()  {      var ss = Math.random();      $.ajax(      {          type : 'POST',          url : 'getAllHnbInfo',          data : 'id=' + ss,        ...

例子,用jquery脚本实现级联下拉菜单。
 

代码示例:
function show_hnbInfo() 

    var ss = Math.random(); 
    $.ajax( 
    { 
        type : 'POST', 
        url : 'getAllHnbInfo', 
        data : 'id=' + ss, 
        success : function(msg) 
        { 
            // 清空表格 
            $("#internetID").empty(); 
             
            // 转换成json对象 
            var data = JSON.parse(msg); 
             
            var option = "请选择..."; 
             
            // 循环组装下拉框选项 
            $.each(data, function(k, v) 
            { 
                option += "" + v['hnbName'] + ""; 
            }); 
            $("#internetID").append(option); 
            $("#internetID").change(function() 
            { 
                show_freqHnbInfo($(this).val()); 
            }); 
        }, 
        error : function(msg, textStatus, e) 
        { 
            alert("当前登录用户失效,请重新登录。"); 
            window.location = path + "/login.jsp"; 
        } 
    }); 

以上是一级下拉列表框的实现,下面是二级下拉列表框的实现。
 

代码示例:
function show_freqHnbInfo(internetId) 

    var ss = Math.random(); 
    $.ajax( 
    { 
        type : 'POST', 
        url : 'getAllHnbOnlineOutByOne', 
        data : 'id=' + ss + '&internetId=' + internetId, 
        success : function(msg) 
        { 
            // 清空表格 
            $("#internetId").empty(); 
             
            // 转换成json对象 
            var data = JSON.parse(msg); 
             
            var option = ""; 
             
            // 循环组装下拉框选项 
            $.each(data, function(k, v) 
            { 
                option += "" + v['hnbName'] + ""; 
            }); 
             
            if (internetId == "" || internetId == null || internetId == undefined) 
            { 
                option += "请选择..."; 
            } 
             
            $("#internetId").append(option); 
             
        }, 
        error : function(msg, textStatus, e) 
        { 
            alert("当前登录用户失效,请重新登录。"); 
            window.location = path + "/login.jsp"; 
        } 
    }); 

 

JSP代码实现:
 

代码示例:
 
 
    var type = "${type }"; 
    var path = "${pageContext.request.contextPath}"; 
    show_hnbInfo(); 
    show_freqHnbInfos(); 
 
 
 
   
    基站名称 
     
         
            请选择... 
         
      * 
       
       
     
   
   
    同频异频邻基站名称 
     
       
            请选择... 
         
      * 
       
     
   
   
     
       
             
       
     
   
 

后台代码:
controller代码
 

代码示例:
@RequestMapping("/getAllHnbInfo") 
    public void getAllHnbByJosn(HttpServletRequest request, HttpServletResponse response) 
    { 
        PrintWriter out = null; 
        try 
        { 
            // 设置输出格式 
            response.setContentType("text/html"); 
             
            // 页面输出对象 
            out = response.getWriter(); 
            out.write(hnbService.getAllHnbByJosn()); 
            out.flush(); 
            out.close(); 
             
        } 
        catch (Exception e) 
        { 
            logger.error(Global.LOG_EXCEPTION_NAME, e); 
            if (null != out) 
            { 
                out.write("[]"); 
                out.flush(); 
                out.close(); 
            } 
        } 
    } 
     
    /**
     *
     *
     * @param request
     * @return
     * @see [类、类#方法、类#成员]
     */ 
    @RequestMapping("/getAllHnbOnlineOutByOne") 
    public void getAllHnbOnlineOutByOne(HttpServletRequest request, HttpServletResponse response) 
    { 
        PrintWriter out = null; 
        try 
        { 
            String internetId = request.getParameter("internetId"); 
             
            // 设置输出格式 
            response.setContentType("text/html"); 
             
            // 页面输出对象 
            out = response.getWriter(); 
            out.write(hnbService.getAllHnbOnlineOutByOne(internetId)); 
            out.flush(); 
            out.close(); 
             
        } 
        catch (Exception e) 
        { 
            logger.error(Global.LOG_EXCEPTION_NAME, e); 
            if (null != out) 
            { 
                out.write("[]"); 
                out.flush(); 
                out.close(); 
            } 
        } 
    } 

 

service代码:
 

代码示例:
@Override 
    public String getAllHnbByJosn() 
    { 
        List hnbList = getHnbOnlineList(); 
        if (null != hnbList) 
        { 
            StringBuffer sb = new StringBuffer(); 
            sb.append("["); 
             
            //得到集合的长度 
            int size = hnbList.size(); 
            int i = 0; 
             
            for (HnbInfo hnbInfo : hnbList) 
            { 
                i++; 
                 
                String internetID = hnbInfo.getInternetID(); 
                String hnbIdentifier = hnbInfo.getHnbIdentifier(); 
                String hnbName = hnbInfo.getHnbName(); 
                 
                sb.append("{"internetID":""); 
                sb.append(internetID); 
                sb.append("","hnbIdentifier":""); 
                sb.append(hnbIdentifier); 
                sb.append("","hnbName":""); 
                sb.append(hnbName); 
                sb.append(""}"); 
                 
                //如果i小于size字符串sb中加"," 
                if (i < size) 
                { 
                    sb.append(","); 
                } 
            } 
             
            sb.append("]"); 
             
            //拼好的字符串赋值给变量 
            return sb.toString(); 
        } 
        else 
        { 
            return "[]"; 
        } 
    }
 
 @Override 
    public String getAllHnbOnlineOutByOne(String internetId) 
    { 
        // 根据基站ID 获取基站信息 
        InternetGatewayDevice internet = hnbDao.getOneHnbByInternetID(internetId); 
        if (null != internet && !Global.isEmpty(internet.getApIpAdress())) 
        { 
            // 根据基站注册IP地址获取所有除基站注册IP地址对应的基站外的所有基站 
            List hnblist = getAllHnbOutByone(internet.getApIpAdress()); 
            if (null != hnblist && hnblist.size() != 0) 
            { 
                StringBuffer sb = new StringBuffer(); 
                sb.append("["); 
                 
                //得到集合的长度 
                int size = hnblist.size(); 
                int i = 0; 
                 
                for (HnbInfo hnbInfo : hnblist) 
                { 
                    i++; 
                     
                    String internetID = hnbInfo.getInternetID(); 
                    String hnbIdentifier = hnbInfo.getHnbIdentifier(); 
                    String hnbName = hnbInfo.getHnbName(); 
                     
                    sb.append("{"internetID":""); 
                    sb.append(internetID); 
                    sb.append("","hnbIdentifier":""); 
                    sb.append(hnbIdentifier); 
                    sb.append("","hnbName":""); 
                    sb.append(hnbName); 
                    sb.append(""}"); 
                     
                    //如果i小于size字符串sb中加"," 
                    if (i < size) 
                    { 
                        sb.append(","); 
                    } 
                } 
                 
                sb.append("]"); 
                 
                //拼好的字符串赋值给变量 
                return sb.toString(); 
            } 
            else 
            { 
                return "[]"; 
            } 
        } 
        else 
        { 
            return "[]"; 
        } 
    }

    
 
 

您可能感兴趣的文章:

  • jQuery 下拉菜单插件 jQuery menu-aim
  • jQuery下拉菜单插件 jQuery Simple Drop Down Menu
  • jquery下拉菜单效果 jquery点击弹出下拉菜单的例子
  • jQuery联动下拉框 jQuery optionTree
  • jQuery下拉选择插件 MagicCombo
  • jQuery下拉框美化插件 Select-or-Die
  • jQuery下拉框插件 FlexBox
  • jQuery 下拉列表插件 Heapbox
  • jQuery 下拉框插件 Selectik
  • jQuery 下拉菜单插件 menu-aim
  • jQuery下拉组件 ddSlick
  • jQuery下拉列表插件 jQselectable
  • jQuery 下拉列表 Custom Drop
  • jQuery水平下拉菜单 jMenu
  • jQuery下拉框插件 mcDropdown
  • 巧用jquery解决下拉菜单被Div遮挡的相关问题
  • jQuery下拉菜单插件 jbar
  • jQuery自定义下拉列表 DropKick
  • jquery easyui自定义下拉框列表
  • jQuery操作select下拉框的text值和value值的方法
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery上下文菜单插件 jquery-simple-context-menu
  • jQuery菜单插件 Dmenu jQuery Plugin
  • jQuery 菜单插件 jVanilla Menu
  • jQuery响应式侧栏菜单插件 sidr
  • jQuery树型菜单 MagicDTree
  • 抽屉式菜单 jQuery.mmenu
  • jQuery菜单插件 Superfish
  • jQuery卷帘菜单插件 HoverAccordion
  • jQuery日历插件 jQuery Week Calendar iis7站长之家
  • jQuery菜单插件 Smooth Navigational Menu
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 通过javascript库JQuery实现页面跳转功能代码
  • jquery代码-如何使用jQuery来解析xml
  • jQuery概述,代码举例及最新版下载
  • jquery代码-如何使用jQuery来检测右键和左键的鼠标单击两种情况
  • jQuery页面加载完毕再执行代码多种方法
  • jquery的父子兄弟节点查找示例代码
  • JQuery实现元素屏幕居中显示的代码
  • jQuery 代码模块化 TerrificJS
  • 在myeclipse中如何加入jquery代码提示功能
  • jquery弹窗代码示例
  • Jquery在指定DIV加载HTML示例代码
  • jquery遍历checkbox代码与说明
  • JQUERY 设置SELECT选中项代码
  • jQuery获得内容和属性示例代码
  • jQuery的each终止或跳过示例代码
  • jquery代码-如何使用多个属性来进行过滤
  • 简单的代码实现jquery定时器
  • jquery捕捉回车事件的代码
  • jQuery实现回车键(Enter)切换文本框焦点的代码实例
  • jquery实现图片路径不存在时进行替换的代码
  • jquery 页面滚动到指定DIV的代码
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery鼠标动画插件 jquery-ahover
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn


  • 站内导航:


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

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

    浙ICP备11055608号-3