Блог

У меня есть выпадающий список со списком стран, в которых работает клиент.

У меня также есть файл 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 и генерирует блок контактной информации во внешнем интерфейсе для каждого элемента, где «заголовок» соответствует стране в теге data-country в опции для этой страны.

Я относительно новичок в работе с JSON, и все найденные мной учебные пособия близки, но не совсем то, что мне нужно. Кто-нибудь может дать мне немного указаний, где искать или помочь мне напрямую?

ps. что существует также карта SVG, где доступные страны имеют пользовательский класс, который должен будет обновляться с помощью страны, выбранной в раскрывающемся списке, и наоборот, но я подумал, что было бы проще сначала заставить ее работать, а затем беспокоиться о карте, как только выпадающий список заработает

Извините, если это не очень понятно, но, как уже упоминалось, я довольно новичок в такого рода JS.

Спасибо, Джей