dynamically populates the dropdown select element with api response

Utk answered on July 14, 2023 Popularity 1/10 Helpfulness 1/10

answer dynamically populates the dropdown select element with api response

dynamically populates the dropdown select element with api response

Comment

// Dropdown ID => "myDropdown"
const dropdown = document.getElementById("myDropdown");

// Fetch API data
fetch("your_api_url_here")
  .then(response => response.json())
  .then(data => {
    // Iterate through the data and create options
    data.forEach(item => {
      const option = document.createElement("option");
      option.value = item.value; // Assign the value
      option.text = item.text; // Assign the text
      dropdown.appendChild(option); // Append the option to the dropdown
    });
  })
  .catch(error => {
    console.log("Error fetching API data:", error);
  });

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: api dropdown element javascript response select

Link to this answer
Share Copy Link

Contributed on Jul 14 2023

Utk

0 Answers Avg Quality 2/10

dynamically populates the dropdown select element with api response

Contents

More Related Answers

dynamically populates the dropdown select element with api response

Grepper

Documentation

Social

Legal

Contact

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