$.each工具函数的使用方式；遍历

**$.each(arrData, function (key，value){}）
可以遍历数组，还可以遍历对象，获取对象属性和值，
使用方式和遍历数组基本一致**

<title></title>
<script type="text/javascript">
    $(function () {
        function objInit(obj) {
            return $(obj).html("<option>请选择</option>");
        }

        var arrData = {
            "厂商1": { "品牌1—1": "型号1-1-1,型号1-1-2", "品牌1—2": "型号1-2-1,型号1-2-2" },
            "厂商2": { "品牌2—1": "型号2-1-1,型号2-1-2", "品牌2—2": "型号1-2-1,型号2-2-2" },
            "厂商3": { "品牌3—1": "型号3-1-1,型号3-1-2", "品牌3—2": "型号3-2-1,型号3-2-2" }
        };

        $.each(arrData, function (pF) {
            $("#selF").append("<option>" + pF + "</option>");
        });


        //arrData为Json格式；pF为KEY值；pS为VALUE
        $("#selF").change(function () {
            objInit("#selT");
            objInit("#selC");
            $.each(arrData, function (pF, pS) {
                if ($("#selF option:selected").text() == pF) {
                    $.each(pS, function (pT, pC) {
                        $("#selT").append("<option>" + pT + "</option>");
                    });
                    $("#selT").change(function () {
                        objInit("#selC");
                        $.each(pS, function (pT, pC) {
                            if ($("#selT option:selected").text() == pT) {
                                $.each(pC.split(","), function () {
                                    $("#selC").append("<option>" + this + "</option>");
                                });

                            }
                        })
                    })

                }
            })
        })
    })
</script>

<div class="clsInit">
    <select id="selF"><option>请选择</option></select>
    <select id="selT"><option>请选择</option></select>
    <select id="selC"><option>请选择</option></select>
</div>