Javascript "395002"] } } } window.onload=函数（）{ //获取html元素 var countySel=document.getElementById（“countySel”）； var stateSel=document.getElementById（“stateSel”）； var citySel=document.getElementById（“citySel”）； var zipSel=document.getElementById（“zipSel”）； //装货国 for（countryStateInfo中的var国家/地区）{ countySel.options[countySel.options.length]=新选项（国家，国家）； } //县变 countySel.onchange=函数（）{ stateSel.length=1；//首先删除所有选项栏 citySel.length=1；//首先删除所有选项栏 zipSel.length=1；//首先删除所有选项栏 如果（此.selectedIndexjs选项卡中，有一个选择加载类型的选项，它是加载的，我将它改为头部底部，它工作了

首先选择一个国家=>state=>city=>zipcode

我也面临同样的问题。我用同样的数据创建了另一个小提琴，但令人惊讶的是它没有加载

我还检查是否添加了任何其他库。但没有附加图书馆

最后，在jsfiddle=>js选项卡中，有一个选择加载类型的选项，它是

加载的

，我将它改为

头部底部

，它工作了

所以，如果我们把脚本放在头部或顶部。JS不起作用。它必须在底部。加载HTMl之后

---

我也面临同样的问题。我用同样的数据创建了另一个小提琴，但令人惊讶的是它没有加载

我还检查是否添加了任何其他库。但没有附加图书馆

最后，在jsfiddle=>js选项卡中，有一个选择加载类型的选项，它是

加载的

，我将它改为

头部底部

，它工作了

所以，如果我们把脚本放在头部或顶部。JS不起作用。它必须在底部。加载HTMl之后

---

它是按顺序工作的，您需要选择一个国家，然后是州，然后是城市，然后是zipcode。当我尝试将此输入我的网站代码时，我无法选择一个国家。这就好像网页没有检测到脚本代码。你的网站是实时的还是本地的？它是本地的。使用括号Live Preview是否可以尝试检查并查看代码是否正在执行？将代码警报（“工作”）放在某个地方，看看它是否触发。它按顺序工作，您需要选择一个国家，然后是州，然后是城市，然后是zipcode。当我尝试将其放在我的网站代码中时，我无法选择一个国家。这就好像网页没有检测到脚本代码。你的网站是实时的还是本地的？它是本地的。使用括号Live Preview是否可以尝试检查并查看代码是否正在执行？将代码警报（“works”）放在某个地方，看看它是否触发了警报。当我尝试将其放在我的网站代码中时，我无法选择一个国家。这就好像页面没有检测到脚本代码一样。不要只是发布代码。解释原始代码中的错误以及您更改了什么来修复它。当我尝试将其放入网站代码中时，我无法选择国家/地区。这就好像页面没有检测到脚本代码一样。不要只是发布代码。解释原始代码中的错误以及为修复错误而更改的内容。

var countryStateInfo = {
    "USA": {
        "California": {
            "Los Angeles": ["90001", "90002", "90003", "90004"],
            "San Diego": ["92093", "92101"]
        },
        "Texas": {
            "Dallas": ["75201", "75202"],
            "Austin": ["73301", "73344"]
        }
    },
    "India": {
        "Assam": {
            "Dispur": ["781005"],
            "Guwahati" : ["781030", "781030"]
        },
        "Gujarat": {
            "Vadodara" : ["390011", "390020"],
            "Surat" : ["395006", "395002"]
        }
    }
}


window.onload = function () {

    //Get html elements
    var countySel = document.getElementById("countySel");
    var stateSel = document.getElementById("stateSel"); 
    var citySel = document.getElementById("citySel");
    var zipSel = document.getElementById("zipSel");

    //Load countries
    for (var country in countryStateInfo) {
        countySel.options[countySel.options.length] = new Option(country, country);
    }

    //County Changed
    countySel.onchange = function () {

         stateSel.length = 1; // remove all options bar first
         citySel.length = 1; // remove all options bar first
         zipSel.length = 1; // remove all options bar first

         if (this.selectedIndex < 1)
             return; // done

         for (var state in countryStateInfo[this.value]) {
             stateSel.options[stateSel.options.length] = new Option(state, state);
         }
    }

    //State Changed
    stateSel.onchange = function () {        

         citySel.length = 1; // remove all options bar first
         zipSel.length = 1; // remove all options bar first

         if (this.selectedIndex < 1)
             return; // done

         for (var city in countryStateInfo[countySel.value][this.value]) {
             citySel.options[citySel.options.length] = new Option(city, city);
         }
    }

    //City Changed
    citySel.onchange = function () {
        zipSel.length = 1; // remove all options bar first

        if (this.selectedIndex < 1)
            return; // done

        var zips = countryStateInfo[countySel.value][stateSel.value][this.value];
        for (var i = 0; i < zips.length; i++) {
            zipSel.options[zipSel.options.length] = new Option(zips[i], zips[i]);
        }
    }   
}

<form name="myform" id="myForm">
  <select id="countySel" size="1">
        <option value="" selected="selected">-- Select Country --</option>
    </select>
     <br>
    <br>

    <select id="stateSel" size="1">
        <option value="" selected="selected">-- Select State--</option>
    </select>
    <br>
    <br>    
    <select id="citySel" size="1">
        <option value="" selected="selected">-- Select City--</option>
    </select>
    <br>
    <br>
    <select id="zipSel" size="1">
        <option value="" selected="selected">-- Select Zip--</option>
    </select>
</form>