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

Question

我正在考虑为两个组合工作：国家和城市。

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

为了它：
1.）准备2个javascript变量：第一个带有国家ID和名称，第二个带有城市ID，名称和国家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

我爱纯 JavaScript 的男人

听着，我会告诉你全部的事情

首先这是一个 json 对象，所以如果它的字符串使用 eval 函数，你需要对其进行 eval

var jsonobject = eval(json 字符串);

然后循环通过这个对象绑定到ddl

所以

会是这样的

for通过js对象的数组和for里面绑定ddl

var ddl_countries= document.getElementById('countriesdropdownid') var ddl_country_option = document.createElement('option'); ddl_country_option.innerHTML = text //来自对象； ddl_country_option.value = value //来自对象； ddl_countries.appendChild(ddl_country_option);

这对城市有约束力

在城市的 onchange 绑定上，如果你想了解更多描述，我准备好告诉我你感兴趣，我会写完整的代码