How to create new entry for each item in JSON file?

Question

I have a JSON file. It looks like this:

{
"AL": "Alabama",
"AK": "Alaska",
"AS": "American Samoa",
"AZ": "Arizona",
"AR": "Arkansas",
"CA": "California"
}

How do I loop through every entry in this JSON file and add it to this dropdown?

 <select name="states" id="states"> <option value="Alabama">Volvo</option> </select>

Answer 1

please try the below code.

<button onclick="add()">Add</button>
<select id="a"></select>
<div id="demo"></div>
<script>
    function add(){


var json = JSON.parse('{"AL": "Alabama","AK": "Alaska","AS": "American Samoa","AZ": "Arizona","AR": "Arkansas","CA": "California"}');
console.log(json);


for( x in json)
 {
    document.querySelector('#a').innerHTML += "<option value='" + json[x] + "'>" + json[x] + "</option>"
}


}
</script>