Question

$("#statelist").change(function() {
            //loadCities(this.value);
            $.ajax({
                url : "getCities.html",
                dataType : "json",
                data : "stateId="+this.value, 
                type : "get",
                cache : false,
                success : function(data){
                    var citiesList=data.citiesBo;
                    loadCities(citiesList);
                }
            });
            function loadCities(citiesList) {
                $("#citylist option[value!='-1']").remove();
                //citiesList = citiesMap[index];
                $.each(citiesList, function(index, item) {
                    $("#citylist").append($("<option></option>").text(item.name).val(item.cityId));
                });
                return true;
            };
        });

    $("#citylist").change(function() {
            $.ajax({
            url : "getAreas.html",
            dataType : "json",
            data : "cityId="+this.value, 
            type : "get",
            cache : false,
            success : function(data){
                var areasList=data.areasBo;
                loadAreas(areasList);
            }
        });
        function loadAreas(areasList) {
            $("#arealist option[value!='-1']").remove();
            //citiesList = citiesMap[index];
            $.each(areasList, function(index, area) {
                $("#arealist").append($("<option></option>").text(area.name).val(area.areaId));
            });
            return true;
        };
    });


});`I have three dropdown boxes  like States, city, area.

我是选择州，城市重新加载，然后我选择城市区域重新加载后我更改城市只重新加载，该区域附加相同的选定值。如何同时重装？

首先我是选择状态：Karnataga 城市：Bengolure 面积：大华

我选择州后：泰米尔纳德邦城市：选择城市但是Majestic区域看起来是一样的。

我正在使用州城市变化的变更事件

当我选择并更改状态值

时，我想重新加载城市和区域下拉框值

Answer 1

尝试这里提到的这些方法：Use JQUERY/JSON to auto fill select dropdown boxes

但是，如果不知道如何填充数据，那么建议解决方案有点困难。

如何使用jquery代码重新加载html下拉框？

1 个答案: