基于所选国家/地区的JSON联系信息(下拉列表和地图)

时间:2016-10-04 15:04:43

标签: javascript jquery json svg

我有一个下拉列表,其中包含客户运营的国家/地区列表。

我还有一个带有以下内容的JSON文件(显然是虚拟信息):

[
    {
        title: "Malaysia",
        lineOne: "Address one",
        lineTwo: "Address two,",
        lineThree: "Address three,",
        lineFour: "Address four,",
        postCode: "AA1 1AA",
        email: "email@address.com",
        tel: "+44 1234 567 890",
        mob: "",
        name: "Name McName",
        lat: 00.000000,
        lng: -00.000000
    },
    {
        title: "USA",
        lineOne: "Address one",
        lineTwo: "Address two,",
        lineThree: "Address three,",
        lineFour: "Address four,",
        postCode: "AA1 1AA",
        email: "email@address.com",
        tel: "+44 1234 567 890",
        mob: "",
        name: "Name McName",
        lat: 00.000000,
        lng: -00.000000
    },
]

所以我面临的问题是,当有人选择一个国家时,JS会遍历JSON文件,并在前端为每个项目生成一个联系信息块,其中标题为'匹配该国家/地区选项中数据国家/地区标记中的国家/地区。

我使用JSON相对较新,而且我发现的所有教程都很接近,但并不是我需要的。是否有人能够给我一些指导,直接寻找或帮助我?

P.S。还有一个SVG地图,其中可用的国家/地区有一个自定义类,必须使用下拉列表中选择的国家进行更新,反之亦然,但我认为首先让一个工作更容易,然后在下拉列表后担心地图正在运作

对不起,如果这不是很清楚,但如上所述,我对这种JS很新鲜。

谢谢, 杰

0 个答案:

没有答案