An open API service indexing awesome lists of open source software.

https://github.com/gouravsinghdosad/custom-dropdown-menu

A simple and interactive country dropdown menu with search functionality built using HTML, CSS, and JavaScript. It dynamically filters and displays countries for easy selection.
https://github.com/gouravsinghdosad/custom-dropdown-menu

country-list dropdown html selectmenu

Last synced: 11 months ago
JSON representation

A simple and interactive country dropdown menu with search functionality built using HTML, CSS, and JavaScript. It dynamically filters and displays countries for easy selection.

Awesome Lists containing this project

README

          

# Country Dropdown Selector with Search Functionality

A web-based dropdown menu that allows users to select a country from a list and includes search functionality for filtering countries. This project dynamically updates the dropdown options using JavaScript and provides an interactive user experience.

## Features

- Dropdown menu displaying a list of countries.
- Real-time search functionality to filter the country list.
- Click-to-select functionality for choosing a country.
- Dynamic list updates based on user input.
- Fully responsive design for seamless use across devices.

## Technologies Used

- **HTML**: Markup for the dropdown structure.
- **CSS**: Styling for the dropdown and search box.
- **JavaScript**: Logic for filtering, selection, and dynamic updates to the country list.

## Screenshots:

![SS1](https://github.com/user-attachments/assets/5895210f-6290-423a-b0d6-9edebf0ed1e7)
![SS2](https://github.com/user-attachments/assets/6f067e58-cfeb-4927-8c30-e34db3cc0cd9)
![SS3](https://github.com/user-attachments/assets/b592e371-a9e8-4755-ae92-65d471fd79c4)