select 二级联动

    var cities = [
                ["杭州市", "绍兴市", "温州市", "义乌市", "嘉兴市"],
                ["南京市", "苏州市", "扬州市", "无锡市"],
                ["武汉市", "襄阳市", "荆州市", "宜昌市", "恩施市"],
                ["石家庄市", "唐山市", "保定市", "邢台市", "廊坊市"],
                ["长春市", "吉林市", "四平市", "延边市"]
            ];

            var $city = $("#city");
            // 获得代表省份的下拉列表
            $("#province").change(function() {
                // alert(this.value);
                // alert($(this).val());

                // 清空第二个列表中的内容
                $city.get(0).options.length = 0;

                var val = this.value;
                // 遍历并且判断
                $.each(cities, function(i, n) {
                    // 判断
                    if(i == val) {
                        $(n).each(function(j, m) {
                            // alert(j + " " + m);
                            $city.append("<option>" + m + "</option>");
                        });
                    }
                });

            });



    <select id="province" name="province">
                            <option value="">-请选择-</option>
                            <option value="0">浙江省</option>
                            <option value="1">江苏省</option>
                            <option value="2">湖北省</option>
                            <option value="3">河北省</option>
                            <option value="4">吉林省</option>
                        </select>

    <select id="city" name="city">                        
                        </select>

发布了53 篇原创文章 · 获赞 8 · 访问量 2万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章