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萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章