Question

我需要使用一些javascript（理想情况下是jQuery）来显示国家/地区的下拉菜单，一旦选中，这将显示另一个下拉菜单，其中包含来自该国家/地区的区域。

我猜我需要一些API，因为它们可能会有很多选项。

e.g 用户选择“美国” 汽车展示美国各州'阿拉巴马州等的新下拉......'

Answer 1

这是jQuery plug-in，可让您轻松进行级联下拉。我不确定您将使用哪种服务来获取所有国家/地区的名称，但您可以查看geonames.

Answer 2

我尝试这样做的方法是将区域（或状态）列表存储在对象中。

regions = {
    unitedstates: ["East Coast", "Mid-West", "West Coast"],
    canada: ["Vancouver BC", "whatever", "whatever"],
    cont...
    }

然后创建新列表并将其附加到DOM，并使用函数根据点击的内容构建选项。

for (i = 0; i < regions[selection].length; i++){
    newlist.howeveryouaddanoption(regions[selection][i]);
}

不确定如何使用Javascript构建下拉列表，但这将是我的策略

Answer 3

这是我为此而写的一个库。这很简单 - 棘手的部分（阅读：耗时！）只是让所有国家和地区的数据都填满了。