Populate a Select Dropdown List using JSON

Emmanuel Owusu Addai answered on June 28, 2022 Popularity 3/10 Helpfulness 4/10

answer Populate a Select Dropdown List using JSON

Populate a Select Dropdown List using JSON

Comment

let dropdown = $('#locality-dropdown');

dropdown.empty();

dropdown.append('<option selected="true" disabled>Choose State/Province</option>');
dropdown.prop('selectedIndex', 0);

const url = 'https://api.myjson.com/bins/7xq2x';

// Populate dropdown with list of provinces
$.getJSON(url, function (data) {
  $.each(data, function (key, entry) {
    dropdown.append($('<option></option>').attr('value', entry.abbreviation).text(entry.name));
  })
});

Popularity 3/10 Helpfulness 4/10 Language javascript

Source: www.codebyamir.com

Tags: dropdown javascript json list populate select using

Link to this answer
Share Copy Link

Contributed on Jun 28 2022

Emmanuel Owusu Addai

0 Answers Avg Quality 2/10

Populate a Select Dropdown List using JSON

Contents

More Related Answers

Populate a Select Dropdown List using JSON

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.