如何过滤数据并在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准备只是告诉我ü位数的，我会写完整的代码