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

how to search and filter within a dropdown

Kpokpe Favour Ogheneruese answered on October 21, 2023 Popularity 1/10 Helpfulness 1/10

answer how to search and filter within a dropdown

how to search and filter within a dropdown

Comment

const searchInput = document.querySelector('.search-input');
const options = document.querySelectorAll('.options li');

searchInput.addEventListener('input', function () {
  const searchTerm = searchInput.value.toLowerCase();

  options.forEach(option => {
    const text = option.textContent.toLowerCase();
    if (text.includes(searchTerm)) {
      option.style.display = 'block';
    } else {
      option.style.display = 'none';
    }
  });
});

const dropdownToggle = document.querySelector('.dropdown-toggle');
const dropdownMenu = document.querySelector('.dropdown-menu');

dropdownToggle.addEventListener('click', function () {
  dropdownMenu.style.display = dropdownMenu.style.display === 'block' ? 'none' : 'block';
});

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: chat.openai.com

Tags: dropdown filter javascript search

Link to this answer
Share Copy Link

Contributed on Oct 21 2023

Kpokpe Favour Ogheneruese

0 Answers Avg Quality 2/10

how to search and filter within a dropdown

Contents

More Related Answers

how to search and filter within a dropdown

Grepper

Documentation

Social

Legal

Contact

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