2 llx2007 llx2007 于 2015.06.17 16:39 提问

html下拉菜单如何实现,急急~~~求Demo

是这样的,图片说明
我有个id=ox的下拉菜单,我想让他按1时显示全部离线的,按2时显示全部在线的,按全部是显示全部,怎么实现呢,求代码

 var table = $('#mainTable').DataTable(

            {
            //"bSort":true, 
            //"bSort":false, //开关,是否让各列具有按列排序功能
            "aLengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]], //定义每页显示数据数量
            "order": [[ 6, "desc" ]],
            columnDefs:[{
                orderable:false,//禁用排序
                targets:[2,3,4,8]   //指定的列
            }],
            "bFilter": true, //是否使用搜索 
            //"sdom": '<"top"ilp <"clear">>rt<"bottom"pilf<"clear">>', 
            "sDom": '<"top"<"clear">>pt<"bottom"i<"clear">><"clear">',//改变页面上元素的位置,同时可以添加div元素。
            "bPaginate" : true, //是否显示(应用)分页器 
    //      "bProcessing": true, //开启读取服务器数据时显示正在加载中……
            "sPaginationType" : "four_button", //详细分页组,可以支持直接跳转到某页  
            "oLanguage": { //国际化配置  
                    "sProcessing" : "正在获取数据,请稍后...",    
                    "sLengthMenu" : "显示 _MENU_ 条",    
                    "sZeroRecords" : "没有您要搜索的内容",    
                    "sInfo" : "共_TOTAL_条记录, 当前第_PAGE_页,共有_PAGES_页",    
                    "sInfoEmpty" : "记录数为0",    
                    "sInfoFiltered" : "(全部记录数 _MAX_ 条)",    
                    "sInfoPostFix" : "",    
                    "sSearch" : "搜索",    
                    "sUrl" : "" ,   
                     "oPaginate": {    
                        "sFirst" : "首页",    
                        "sPrevious" : "上页",    
                        "sNext" : "下页",    
                        "sLast" : "末页"    
                    }   
                },

                "fnDrawCallback": function() {

                        progress0();

                        progress1();

                        progress2();

                        progress3();

                        progress4();

                        progress5();

                        progress6();

                        progress7();

                        progress8();

                        progress9();

                        progress10();

                        progress11();

                        progress12();

                        progress13();

                        progress14();

                        progress15();

                        progress16();

                        progress17();

                        progress18();

                        progress19();

                        progress20();

                        progress21();

                        progress22();

                        progress23();

                        progress24();

                        progress25();

                        progress26();

                        progress27();

                        progress28();

                        progress29();

                        progress30();

                        progress31();

                        progress32();

                        progress33();

                        progress34();

                        progress35();

                        progress36();

                        progress37();

                        progress38();

                        progress39();

                        progress40();

                        progress41();

                        progress42();

                        progress43();

                        progress44();

                        progress45();

                        progress46();

                        progress47();

                 }
        }); 


        $("#allSearch").on( 'keyup change', function () {
            var table = $('#mainTable').DataTable();
            //alert($(this).val());
            table
            .search( $(this).val() )
            .draw(); 
        } );

        $('#ox').change( function () {
            //alert($(this).val());
            var table = $('#mainTable').DataTable();
            table
            .column(5)
            .search( $(this).val() )
            .draw(); 
        } );

        $('#oxygenstate').change( function () {
            //alert($(this).val());
            var table = $('#mainTable').DataTable();
            table
            .column(9)
            .search( $(this).val() )
            .draw(); 
        } );

        } );
Csdn user default icon
上传中...
上传图片
插入图片