如何使用jquery代码重新加载html下拉框？ $（“#状态列表”）.change（函数（）{ //负荷城市（该值）； $.ajax({ url:“getCities.html”， 数据类型：“json”， 数据：“stateId=“+this.value， 键入：“获取”， cache:false， 成功：功能（数据）{ var citiesList=data.citiesBo； 装货城市（城市名单）； } }); 功能加载城市（citiesList）{ $（“#城市列表选项[value！='-1']”）。删除（）； //citiesList=citiesMap[索引]； $。每个（城市列表，功能（索引，项目）{ $（“#citylist”）.append（$（“”）.text（item.name.val（item.cityId））； }); 返回true； }; }); $（“#城市列表”）.change（函数（）{ $.ajax({ url:“getAreas.html”， 数据类型：“json”， 数据：“cityId=“+this.value， 键入：“获取”， cache:false， 成功：功能（数据）{ var areasList=data.areasBo； 装载区（区域列表）； } }); 功能加载区（区域列表）{ $（“#区域列表选项[value！='-1']”）。删除（）； //citiesList=citiesMap[索引]； $.each（区域列表、功能（索引、区域）{ $（“#arealist”）.append（$（“”）.text（area.name）.val（area.areaId））； }); 返回true； }; }); });`我有三个下拉框，如州、市、区。

我选择了状态，城市被重新加载，然后我选择了区域被重新加载的城市。在我更改状态后，城市被重新加载，区域被附加到相同的选定值上。 如何同时重新加载

首先我是选择州：卡纳塔加 城市：班加罗尔 面积：雄伟

我被选中后的州：泰米尔纳德邦 城市：选择城市 但面积雄伟是一样的

我正在使用变更事件进行州/市变更

---

当我选择并更改状态值时，我想重新加载城市和区域下拉框值

尝试以下方法：

---

但是如果不知道如何填充数据，就很难提出解决方案

我很困惑，你在问什么？你正在使用的代码会很好看的。在更改状态下拉列表时，您需要为区域下拉列表添加一个重置。是的，Niklas，我想更改两个下拉框，如城市和区域可能的重复

$("#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.