如何在javascript中过滤数据和填充组合框

我正在考虑两个组合：乡村和城市

当用户在第一个组合中选择国家时，其城市应填充在城市组合框中

对于它：
1.）准备2个javascript变量：第一个包含国家id和名称，第二个包含城市id、名称和国家id

对于国家：

[

{“id”：1，“title”：“uk”}，

{“id”：3，“标题”：“US”}，

{“id”：6，“标题”：“加拿大”}，

{“id”：8，“标题”：“澳大利亚”}

]

对于城市：

[

{“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”：“newjersey”}，

{“id”：8，“country_id”：8，“city”：“MELBOURN”}

]

现在：
1.）如何将上述国家/地区数据填充到国家/地区组合框？

---

2.）当用户选择国家时，如何将相关城市数据填充到城市组合框中？

My Man i Love Pure JavaScript

听着，我会告诉你一切的

首先，这是一个json对象，所以如果它的字符串使用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=text//来自对象； ddl_country_option.value=对象中的值//； 附加子项（ddl_国家/地区选项）

这对城市有约束力

---

在城市的onchange绑定上，同样的方式如果您想了解更多说明，我已经准备好了，请告诉我您感兴趣，我将编写完整的代码

您是指组合框还是选择框？如果是组合框，请给出它的html代码。选择框或组合框，对我来说都是一样的