Skip to content

chhs2131/DropdownHelper

Repository files navigation

🔍 Dropdown Helper

The essential helper for long, complex dropdown menus! Save time with smart search, favorites, and keyboard navigation.


GitHub manifest version Chrome Web Store Languages

Stop endless scrolling. Start a smarter way to handle dropdowns.

Dropdown Helper Screenshot

FeaturesInstallationUsageCustomizationSupport


🚀 Overview

Dropdown Helper is a powerful and intuitive browser extension designed to eliminate the frustration of navigating long, complex dropdown (<select>) menus. With a simple click or keyboard shortcut, it transforms a tedious task into a fast, productive experience by adding search, sorting, and other helper functions.

✨ Highlights

  • ⚡ Instant Smart Search - Find items instantly just by typing.
  • ⌨️ Full Keyboard Control - Navigate and select items without touching your mouse.
  • ⭐ Favorites Pinning - Access your most-used items with a single click.
  • 🔄 Sort & Copy - Instantly sort the list and copy visible items to your clipboard.
  • ⚙️ Highly Customizable - Tailor the extension to your exact needs.

🎯 Key Features

Smart Search

  • Fuzzy Search: Filter the list instantly as you type.
  • Case-Sensitive Option: Fine-tune your search with a customizable setting.

Keyboard Navigation

  • Arrow Keys (↑, ↓): Move up and down the list.
  • Enter Key: Select the highlighted item.

Productivity Tools

  • Favorites: Pin frequently used items to the top of the list for quick access.
  • Sorting: Sort the list alphabetically (A-Z, Z-A) or revert to the original order.
  • Copy: Copy all visible items to your clipboard with one click.

Customization & Localization

  • Language Detection: Automatically detects your browser's language.
  • Display Conditions: Set a minimum number of items for the helper to appear.

🛠 Installation

Dropdown Helper is available on the Chrome Web Store.

Method 1: Chrome Web Store (Recommended)

  1. Visit the Dropdown Helper page.
  2. Click "Add to Chrome".
  3. The extension icon will appear in your browser toolbar.

Method 2: Load Unpacked Extension (For Developers)

  1. Clone this repository: git clone https://github.com/chhs2131/DropdownHelper
  2. Open Chrome and navigate to chrome://extensions/.
  3. Enable "Developer mode" in the top-right corner.
  4. Click "Load unpacked" and select the extension's folder.

🚀 Usage

  1. Navigate to any web page with a dropdown menu.
  2. Click the Dropdown Helper icon next to the menu.
  3. A helper window will appear. Start typing to filter the list.
  4. Use the Arrow Keys (↑, ↓) to navigate and Enter to select.
  5. Click the star icon (⭐) to add an item to your favorites.
  6. Use the sort and copy buttons as needed.

⚙️ Customization

Customize the extension's behavior from the options page.

  1. Right-click the Dropdown Helper icon in your toolbar.
  2. Select "Options".
  3. Adjust settings for language, display conditions, and search behavior.

📞 Support

If you encounter any issues or have a feature request, please open an issue on GitHub.

About

Adds search, sort, and copy functions to dropdown (select) menus.

Topics

Resources

Stars

Watchers

Forks