Как заполнить select данными из json?

Question

[LMI]

Выручайте, никогда не работал с .json. Есть select в котором нужно отобразить список кодов стран мира. Коды в json-файле в таком виде:

[{
    "name": "Israel",
    "dial_code": "+972",
    "code": "IL"
}, {
    "name": "Afghanistan",
    "dial_code": "+93",
    "code": "AF"
}, {
    "name": "Albania",
    "dial_code": "+355",
    "code": "AL"
}, ...

В select нужно подгрузить данные из json:

В атрибут value тега option нужно загрузить значение "code", а в сам текст option'а название страны из "name" и в скобках сам код из "dial_code". В итоге select должен выглядеть так:

<select id="phone-codes">
	<option value="IL">Israel (+972)</option>
	<option value="AF">Afghanistan (+93)</option>
</select>

и тд...

Как это реализовать с помощью jQuery?

Answer 1

[Антон Середний]

Для начала распарсить json в объект с помощью parseJSON()

Потом в цикле пройтись по объекту созданному и подставить значения в селект.