Fill HTML dropdown box with external JSON file data

Question

I am trying to fill a HTML Dropdown menu with data from an external JSON file, which contains the following

{
    \"Destinations\": [
    {
        \"destinatio         


        

Answer 1

Use each and append select like this:

$.each(data.Destinations, function(i, v) {
    $('#destinations').append('' + v.destinationName + '');
});

jsFiddle

Updated Example (test.html for http://jonathangatenby.co.uk/Candidate/json/destinations.json)

    Select

Fetch JSON

Example to work make sure html file or the file from which you are making the ajax call are on same domain (jonathangatenby.co.uk)