[jQuery] Fill key va value from response of Json { "1": "Quan 1", "2": "Quan 2", "3": "Quan 3", "4": "Quan 4" } in listbox.

[jQuery] Fill key va value from response of Json { "1": "Quan 1", "2": "Quan 2", "3": "Quan 3", "4": "Quan 4" } in listbox.

Hi, all.
I have two listbox:
a listbox country
<select id="edit-field-country-value" class="form-select" name="country
[value]">
<option selected="selected" value=""> - None -</option>
<option value="1">Malaysia</option>
<option value="2">Thailan</option>
</select>
a listbox city
<select id="edit-field-city-value" class="form-select" name="field_city
[value]">
<option selected="selected" value=""> - None -</option>
</select>
When i select country then i use ajax response data { "1": "Quan 1",
"2": "Quan 2", "3": "Quan 3", "4": "Quan 4" }
1, 2, 3,4 is key of array
I want when select country then add key and values of Json in listbox
city
Please help me