Breaking News: Grepper is joining You.com. Read the official announcement!

// Example JavaScript code to fetch data and populate dropdowns

Sumit Rawal answered on February 6, 2024 Popularity 1/10 Helpfulness 1/10

answer // Example JavaScript code to fetch data and populate dropdowns

// Example JavaScript code to fetch data and populate dropdowns

Comment

// Example JavaScript code to fetch data and populate dropdowns
document.addEventListener('DOMContentLoaded', function() {
  fetch('https://tecosyswordpressdemo.000webhostapp.com/wp-json/wp/v2/posts?_fields=acf')
    .then(response => response.json())
    .then(data => {
      // Assuming 'data' is an array of objects with 'acf' properties
      populateDropdown('heading-dropdown', data.map(item => item.acf.heading));
      populateDropdown('subheading-dropdown', data.map(item => item.acf.subHeading));
      populateDropdown('image-dropdown', data.map(item => item.acf.image));
      populateDropdown('btntext-dropdown', data.map(item => item.acf.btntext));
    });
});

function populateDropdown(dropdownId, options) {
  const dropdown = document.getElementById(dropdownId);
  options.forEach(option => {
    const optionElement = document.createElement('option');
    optionElement.value = option;
    optionElement.textContent = option;
    dropdown.appendChild(optionElement);
  });
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: fetch javascript populate

Link to this answer
Share Copy Link

Contributed on Feb 06 2024

Sumit Rawal

0 Answers Avg Quality 2/10

// Example JavaScript code to fetch data and populate dropdowns

Contents

More Related Answers

// Example JavaScript code to fetch data and populate dropdowns

Grepper

Documentation

Social

Legal

Contact

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