國家下拉菜單會自動更改區域選項

Question

我需要使用一些JavaScript（jQuery的最好），顯示國家的下拉菜單，一旦選定這將顯示與選定的該國地區另一個下拉。

我猜我需要一些API作爲他們的將可能是選擇負載。

e.g 用戶選擇「美國」 車展與美國各州新的下拉菜單「阿拉巴馬等......」

Answer 1

這裏是一個jQuery plug-in，讓您輕鬆地進行級聯下拉。我不知道什麼樣的服務，你會用它來獲得所有國家的名字，但你可以在geonames.

編輯一起來看看： 檢查this jsfiddle demo too.看起來不錯。

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

下面是我寫的正是這一點做的圖書館。這非常簡單 - 棘手的部分（閱讀：耗時！）只是讓所有國家和地區的數據都被填充。

https://github.com/benkeen/country-region-selector