条件检索

//年级根据学段的不同而变化


 1     <div class="filter clearfix ">
                <div class="search_class clearfix" id="learnstage" data-name="learnStage">
                    <span class="search_title">学段：</span>
                    <div class="search_list">
                        <ul class="clearfix">
                            <li><a href="javascript:void(0)" data-id="1">幼儿园</a></li>
                            <li><a href="javascript:void(0)" data-id="2">小学</a></li>
                            <li><a href="javascript:void(0)" data-id="3">初中</a></li>
                            <li><a href="javascript:void(0)" data-id="4">高中</a></li>
                        </ul>
                    </div>
                </div>
                <div class="search_class clearfix"  data-name="bookVersion">
                    <span class="search_title">版本：</span>
                    <div class="search_list">
                        <ul class="clearfix">
                            <li><a href="javascript:void(0)">人教版</a></li>
                            <li><a href="javascript:void(0)">人音版</a></li>
                            <li><a href="javascript:void(0)">苏教版</a></li>
                            <li><a href="javascript:void(0)">湘版</a></li>
                            <li><a href="javascript:void(0)">沪教版</a></li>
                            <li><a href="javascript:void(0)">北师大版</a></li>
                        </ul>
                    </div>
                </div>
                <div class="search_class clearfix"  data-name="versionNum" >
                    <span class="search_title">版次：</span>
                    <div class="search_list">
                        <ul class="clearfix">
                            <li><a href="javascript:void(0)">2012</a></li>
                            <li><a href="javascript:void(0)">2013</a></li>
                            <li><a href="javascript:void(0)">2014</a></li>
                            <li><a href="javascript:void(0)">2015</a></li>
                            <li><a href="javascript:void(0)">2016</a></li>
                            <li><a href="javascript:void(0)">2017</a></li>
                        </ul>
                    </div>
                </div>
                <div class="search_class clearfix" id="grade" data-name="grade">
                    <span class="search_title">年级：</span>
                    <div class="search_list">
                        <ul class="clearfix">
                            <li><a href="javascript:void(0)">小班</a></li>
                            <li><a href="javascript:void(0)">中班</a></li>
                            <li><a href="javascript:void(0)">大班</a></li>
                        </ul>
                    </div>
                </div>
            </div>

    //学段获取年级
    $("#learnstage").find("li").unbind("click").click(function(){ //取消重复绑定click事件
        $(".filter").find("#grade").find("ul").html("");
        var id = $(this).find("a").data("id");
        $.get("/grades?learn_stage_id=" + id,function(data){
            var li = "";
            for(var i=0,var n = data.length; i<n;i++){
                if(data[i].name){
                    li += "<li data-id='" + data[i].id +"'><a href='javascript:void(0)'>" + data[i].name + "</a></li>";
                    
                }else{
    
                }
            }
            $(".filter").find("#grade").find("ul").html(li);

        })
    });
    $(".search_class").on("click","li",function(){
        var params = []
        var versionNum = "";
        var bookVersion="";
        var learnStage="";
        var gradeId="";
        $(".search_class").find("li.curr").each(function(){
            var name = $(this).parents(".search_class").data("name");
            if(name == "versionNum"){
                numtext = $(this).find("a").text();
                versionNum = numtext;
            }
            if(name == "learnStage"){
                numtext = $(this).find("a").text();
                learnStage = numtext;
            }
            if(name == "bookVersion"){
                numtext = $(this).find("a").text();
                bookVersion = numtext;
            }
            if(name == "grade"){
                id = $(this).data("id");
                gradeId = id;
                var itemid = name + "Id = " + gradeId;
                params.push(itemid);
            }
            var text = $(this).find("a").text();
            var item = name + "=" + text;
            params.push(item);
        
            
        });
        var url = "/books/query?query=1";
        if(learnStage != "" ){
            url += "&learnStage=" + learnStage;
        }
        
        if(bookVersion != ""){
            url += "&bookVersion=" + bookVersion;
        }
        if(versionNum != ""){
            url += "&versionNum=" + versionNum;
        }
        if(gradeId != ""){
            url += "&gradeId=" + gradeId;
        }
        $.ajax({
            url: url,
            traditional: true,
            type: 'GET',
            params: params,
            success: function(data) {
                if(data){
                    $(".books_list").html(data);
                }
                
            }
        })    
        
    });
    
    //var gid = $("#learnstage").find("li:first").addClass("curr").find("a").data("id");
    var gid = $(".filter").find(".search_list:first").find("a").data("id");
    $.get("/grades?learn_stage_id=" + gid,function(data){
        var li = "";
        for(var i=0,n = data.length; i<n;i++){
            if(data[i].name){
                li += "<li data-id='" + data[i].id +"'><a href='javascript:void(0)'>" + data[i].name + "</a></li>";
                
            }else{

            }
        }
        $(".filter").find("#grade").find("ul").html(li);


    })