jquery Ajax实现下拉框联动

11

function typeChange(){
                $.ajax({
                    type: "post",
                    url: "/unionfb/agent/card/CardGradeRule/selectGrade.do",
                    data: {"minscore":$("#cardtype").val()},     
                    dataType : "text",
                    success: function(data){
                        var obj = eval("(" + data + ")");
                        
                        //清空下拉框
                        $("#cardgrade").empty();
                        
                        //添加首选项
                        var option = $("<option>").val("").text("请选择");
                        $("#cardgrade").append(option);
                        
                        //jquery遍历添加option
                        $.each(obj,function (index,domEle){
                             var option = $("<option>").val(domEle.id).text(domEle.name);
                             $("#cardgrade").append(option)
                        });
                    },
                    error: function(){
                        alert("ajax错误");
                    }
                });
            }

参考: http://www.cnblogs.com/Luouy/p/5806833.html      jQuery操作Select

       http://blog.csdn.net/wzj0808/article/details/51392060   js遍历集合

       http://blog.csdn.net/honey_th/article/details/7404273    jquery遍历集合