Javascript 新德里； countriesselectList.appendChild（countriesoption）； } //当我们默认选择第一个选项时，更新城市列表 updateCitiesList（）； //根据国家变化更新城市列表 $（'#countriesList'）。更改（函数（）{ updateCitiesList（）； }); //更新城市列表功能 函数updateCitiesList（）{ //从国家/地区选择获取国家/地区ID countryID=$（“####countriesList选项：选中”）.attr（“值”）； //根据countryID筛选城市 var cities=$（_cities）.filter（函数（i，n）{ 返回n.countryID==parseInt（countryID）； }); //清除citiesList的当前选择选项 $（“#citieslist选项”）.remove（）； //创建城市并将其附加到选项 对于（变量i=0；i

我认为countriesList的CSS选择器中有一个输入错误。它应该是

$（“#_countriesList”）

。我在“城市”而不是“城市”中又发现了一个输入错误。

我认为countriesList的CSS选择器中有一个输入错误。它应该是

$（“#_countriesList”）

。我还发现“城市”中还有一个输入错误，而不是“城市”。

当文档“准备就绪”时，您需要运行javascript，下面的内容应该可以使用。还要记住，每次更改国家/地区时，您都会添加一个新的

select

，我想您要做的是替换

select

<script type="text/javascript">   
       //Create countries list
       var countries = _countries;
       var countriesDiv = document.getElementById("_countriesList");
       var countriesselectList = document.createElement("select");
       countriesselectList.id = "countriesList";
       countriesDiv.appendChild(countriesselectList);
       //Create and append Countries to the options
       for (var i = 0; i < countries.length; i++) {
           var countriesoption = document.createElement("option");
           countriesoption.value = countries[i].id;
           countriesoption.text = countries[i].Country;
           countriesselectList.appendChild(countriesoption);
       }

       $(function () {
       $('#countriesList').change(function () {
           //populate Cities list
           var cities = _cities;
           var citiesDiv = document.getElementById("_citiesList");
           var citiesselectList = document.createElement("select");
           citiesselectList.id = "citieslist";
           citiesDiv.appendChild(citiesselectList);
           //Create and append Cities to the options
           for (var i = 0; i < cities.length; i++) {
               {
                   if (cities[i].countryID == countriesselectList.value) {
                       var citiesoption = document.createElement("option");
                       citiesoption.value = cities[i].id
                       citiesoption.text = cities[i].City;
                       citiesselectList.appendChild(citiesoption);
                   }
               }
           }
       });
   });

    </script>

//创建国家/地区列表
var国家=_国家；
var countriesDiv=document.getElementById（“_countriesList”）；
var countriesselectList=document.createElement（“选择”）；
countriesselectList.id=“countriesList”；
countriesDiv.appendChild（countriesselectList）；
//创建并将国家/地区附加到选项
对于（变量i=0；i

这是该项目的文档

---

当文档“准备就绪”时，您需要运行javascript，下面的内容应该可以工作。还要记住，每次更改国家/地区时，您都会添加一个新的

select

，我想您要做的是替换

select

<script type="text/javascript">   
       //Create countries list
       var countries = _countries;
       var countriesDiv = document.getElementById("_countriesList");
       var countriesselectList = document.createElement("select");
       countriesselectList.id = "countriesList";
       countriesDiv.appendChild(countriesselectList);
       //Create and append Countries to the options
       for (var i = 0; i < countries.length; i++) {
           var countriesoption = document.createElement("option");
           countriesoption.value = countries[i].id;
           countriesoption.text = countries[i].Country;
           countriesselectList.appendChild(countriesoption);
       }

       $(function () {
       $('#countriesList').change(function () {
           //populate Cities list
           var cities = _cities;
           var citiesDiv = document.getElementById("_citiesList");
           var citiesselectList = document.createElement("select");
           citiesselectList.id = "citieslist";
           citiesDiv.appendChild(citiesselectList);
           //Create and append Cities to the options
           for (var i = 0; i < cities.length; i++) {
               {
                   if (cities[i].countryID == countriesselectList.value) {
                       var citiesoption = document.createElement("option");
                       citiesoption.value = cities[i].id
                       citiesoption.text = cities[i].City;
                       citiesselectList.appendChild(citiesoption);
                   }
               }
           }
       });
   });

    </script>

//创建国家/地区列表
var国家=_国家；
var countriesDiv=document.getElementById（“_countriesList”）；
var countriesselectList=document.createElement（“选择”）；
countriesselectList.id=“countriesList”；
countriesDiv.appendChild（countriesselectList）；
//创建并将国家/地区附加到选项
对于（变量i=0；i

这是该项目的文档

---

当您标记Jquery并使用它时。。对我来说，在这个脚本上使用jquery会更好。。这就是使用jquery的方法

var\u国家=
[
{“id”：“1”，“国家”：“美国”}，
{“id”：“2”，“国家”：“加拿大”}，
{“id”：“3”，“国家”：“德国”}
]
var_城市=
[
{“countryID”：“1”，“id”：“1”，“City”：“New York”}，
{“countryID”：“1”，“id”：“2”，“City”：“California”}，
{“countryID”：“2”，“id”：“3”，“City”：“Toronto”}，
{“countryID”：“3”，“id”：“4”，“City”：“Berlin”}，
{“countryID”：“3”，“id”：“5”，“City”：“Hamburg”}，
{“countryID”：“3”，“id”：“6”，“City”：“Munich”}，
]
$（文档）.ready（函数（）{
//附加国家
//通过_countries数组进行onload循环并附加