如何過濾數據並在javascript中填充組合框

Question

我正在考慮針對以下兩個組合工作：國家和城市。

當用戶在第一個組合中選擇國家時，其城市應填充在城市組合框中。

對於它：
1）準備2 JavaScript的變量：第一個與各國ID和名稱，第二個與城市的ID，姓名和COUNTRY_ID

各國：
[
{"id":1, "title":"uk"},
{"id":3, "title":"US"},
{"id":6, "title":"CANADA"},
{"id":8, "title":"AUSTRALIA"}
]
和對於城市：
[
{"id":1, "country_id":1, "city":"LONDON"},
{"id":3, "country_id":1, "city":"Manchester"},
{"id":4, "country_id":2, "city":"New YORK"},
{"id":5, "country_id":2, "city":"New Jersey"},
{"id":8, "country_id":8, "city":"MELBOURN"}
]

現在：
1）我如何填充上述國家數據的國家組合框？
2.）用戶選擇國家時，如何將相關城市數據填充到城市組合框中？

Answer 1

看到這篇文章在CSS-Tricks.com：

• So You Need To Fill a Dropdown Dynamically

Answer 2

這裏有一些教程鏈接組合框： * http://www.javascriptkit.com/script/script2/multiplecombo.shtml * http://www.javascriptkit.com/script/cut183.shtml

Answer 3

我的男人，我愛純JavaScript

Listen U P I會告訴你整個的東西

首先這是一個JSON對象的權利，所以你需要EVAL，如果使用eval函數

VAR的JSONObject =的eval（JSON字符串）的字符串;

然後循環通過此對象綁定到DDL

所以

它時便會這樣

通過JS對象的陣列和用於綁定的DDL內

var ddl_countries = document.getElementById（'countriesdropdownid'） var ddl_country_option = document.createElement（'option'）; ddl_country_option.innerHTML =來自對象的文本; ddl_country_option.value =值//來自對象; ddl_countries.appendChild（ddl_country_option）;

多數民衆贊成在城市上的onchange結合城市

結合相同的方式，如果你intrested更多描述IAM準備只是告訴我ü位數的，我會寫完整的代碼