{"id":45599122,"url":"https://github.com/thdoan/pretty-dropdowns","last_synced_at":"2026-02-23T14:32:11.864Z","repository":{"id":47102535,"uuid":"73278134","full_name":"thdoan/pretty-dropdowns","owner":"thdoan","description":"A simple, lightweight jQuery plugin to create stylized drop-down menus.","archived":false,"fork":false,"pushed_at":"2024-09-18T22:02:31.000Z","size":137,"stargazers_count":103,"open_issues_count":11,"forks_count":30,"subscribers_count":5,"default_branch":"master","last_synced_at":"2026-01-23T23:26:03.529Z","etag":null,"topics":["dropdown","dropdown-menus","jquery","jquery-plugin","select","select-multiple"],"latest_commit_sha":null,"homepage":"https://thdoan.github.io/pretty-dropdowns/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thdoan.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-11-09T11:27:24.000Z","updated_at":"2025-08-19T11:00:07.000Z","dependencies_parsed_at":"2022-09-11T07:01:12.937Z","dependency_job_id":null,"html_url":"https://github.com/thdoan/pretty-dropdowns","commit_stats":null,"previous_names":[],"tags_count":28,"template":false,"template_full_name":null,"purl":"pkg:github/thdoan/pretty-dropdowns","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thdoan%2Fpretty-dropdowns","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thdoan%2Fpretty-dropdowns/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thdoan%2Fpretty-dropdowns/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thdoan%2Fpretty-dropdowns/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thdoan","download_url":"https://codeload.github.com/thdoan/pretty-dropdowns/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thdoan%2Fpretty-dropdowns/sbom","scorecard":{"id":876960,"data":{"date":"2025-08-11","repo":{"name":"github.com/thdoan/pretty-dropdowns","commit":"8e860dda26b3afdc44c0988ac8bc31ed1b35e275"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":3,"checks":[{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"SAST","score":0,"reason":"no SAST tool detected","details":["Warn: no pull requests merged into dev branch"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 0/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Maintained","score":0,"reason":"0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Vulnerabilities","score":10,"reason":"0 existing vulnerabilities detected","details":null,"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}}]},"last_synced_at":"2025-08-24T06:24:43.154Z","repository_id":47102535,"created_at":"2025-08-24T06:24:43.154Z","updated_at":"2025-08-24T06:24:43.154Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29740131,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-23T07:44:07.782Z","status":"ssl_error","status_checked_at":"2026-02-23T07:44:07.432Z","response_time":90,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dropdown","dropdown-menus","jquery","jquery-plugin","select","select-multiple"],"created_at":"2026-02-23T14:32:10.246Z","updated_at":"2026-02-23T14:32:11.859Z","avatar_url":"https://github.com/thdoan.png","language":null,"readme":"# jQuery Pretty Dropdowns\n\nPretty Dropdowns is a simple, lightweight jQuery plugin that converts `\u003cselect\u003e` drop-down menus into \"pretty\" menus that you can skin using CSS.\n\n### Features:\n\n- Two arrow styles and sizes to choose from (or add your own style)\n- Easily add icons, thumbnails, and other custom HTML to the menu items\n- Support for multiple-select lists (`\u003cselect multiple\u003e`)\n- Support for option groups (`\u003coptgroup\u003e`)\n- Tooltips (`title`) carried over at `\u003cselect\u003e`, `\u003coption\u003e`, and `\u003coptgroup\u003e` levels\n- Full keyboard navigation (you can even go directly to a menu item by typing its text)\n- Auto-linked to `\u003clabel for\u003e` (menu will get focus when you click on the label)\n- Accessible (it plays nicely with screen readers)\n- Sensible (when you open the menu it does its best to keep the menu items within the viewport)\n\n**[See a demo \u0026raquo;](https://thdoan.github.io/pretty-dropdowns/demo.html)**\n\n## Getting Started\n\n### Step 1: Link the required files\n\n```\n\u003clink rel=\"stylesheet\" href=\"/css/prettydropdowns.css\"\u003e\n\u003cscript src=\"//code.jquery.com/jquery-2.2.4.min.js\"\u003e\u003c/script\u003e\n\u003cscript src=\"/js/jquery.prettydropdowns.js\"\u003e\u003c/script\u003e\n```\n\nYou have complete control over the look and feel of the drop-down menu by modifying `prettydropdowns.css`. It is recommended to load the JavaScript files at the bottom just before the closing `\u003c/body\u003e` tag if possible.\n\n### Step 2: Call the .prettyDropdown() function\n\nMake sure this comes after the two required JavaScript files from Step 1 are loaded.\n\n```\n\u003cscript\u003e\n$(document).ready(function() {\n  $('select').prettyDropdown();\n});\n\u003c/script\u003e\n```\n\nYou can also specify some options:\n\n```\n\u003cscript\u003e\n$(document).ready(function() {\n  $('select').prettyDropdown({\n    height: 30\n  });\n});\n\u003c/script\u003e\n```\n\n## Options\n\nName                | Type             | Default      | Description\n------------------- | ---------------- | ------------ | -----------\n`classic`           | boolean          | false        | The default behavior is to move the selected item to the top. If you want the order of items to remain static, then set this to `true`.\n`customClass`       | string           | arrow        | Class name to customize the drop-down menu style. The default `arrow` class displays a chevron-type arrow icon. Two additional helper classes are built in (add either or both to `arrow`): `triangle` converts the chevron into a solid triangle; `small` renders the arrow icon at half size.\n`width`             | number or string | null         | Drop-down menu width in pixels or percentage. Use a number for pixels or a string for percentage. By default, the width scales to fit the longest item in the drop-down menu.\n`height`            | number           | 50           | Drop-down menu height in pixels. The minimum value is 8. Note that the maximum number of items displayed when the menu is opened is determined by the `size` attribute of the `\u003cselect\u003e` element.\n`hoverIntent`       | number           | 200          | Wait period (in milliseconds) before collapsing the drop-down menu after you hover off of it. If you hover back onto the menu within the wait period, it will remain open. To keep the menu open until you click outside of it, set this option to -1.\n`multiDelimiter`    | string           | ;            | Separator character to use for the list of selected items in a multi-select menu.\n`multiVerbosity`    | number           | 99           | Maximum number of selected items to display in a multi-select menu before replacing it with a summary (e.g., \"2/3 selected\"). To display \"0/3 selected\" instead of \"None selected\", set this option to -1.\n`selectedMarker`    | string           | **\u0026#10003;** | Icon or symbol to mark that an item is selected. HTML is accepted (e.g., `\u003ci class=\"fa fa-check\"\u003e\u003c/i\u003e`).\n`afterLoad`         | function         |              | Callback function to execute after the drop-down menu widget is loaded.\n\n## Methods\n\nName        | Description\n------------| -----------\n`refresh()` | Rebuild the drop-down menu. You should do this whenever the `\u003cselect\u003e` state changes (e.g., one or more `\u003coption\u003e` gets added, removed, or disabled).\n\n**Example:**\n\n```\n\u003cscript\u003e\n$(document).ready(function() {\n  $dropdown = $('select').prettyDropdown();\n});\n// When \u003cselect\u003e state changes...\n$dropdown.refresh();\n\u003c/script\u003e\n```\n\n## Data Attributes\n\nThe `data-prefix` and `data-suffix` attributes can be added to the `\u003coption\u003e` and `\u003coptgroup\u003e` elements to insert custom HTML before and after each menu item or menu group label, respectively. You can make use of these attributes to add icons, thumbnails, badges, etc. to the menu items. A good example can be seen [in the demo](https://thdoan.github.io/pretty-dropdowns/demo.html#example3).\n\n## Keyboard Navigation\n\nKey     | Description\n------- | -----------\n`Tab`   | Put focus on the next drop-down menu. If a menu is open, it will automatically close.\n`Shift`+`Tab` | Put focus on the previous drop-down menu. If a menu is open, it will automatically close.\n`Enter` | Open the drop-down menu that is in focus. If it is already open, then select the highlighted item.\n`Esc`   | Close the drop-down menu.\n`Home`  | Jump to the first item in the drop-down menu.\n`End`   | Jump to the last item in the drop-down menu.\n`PgUp`  | Go to the previous page of items. If there is no scrollbar, then this is the same as `Home`.\n`PgDn`  | Go to the next page of items. If there is no scrollbar, then this is the same as `End`.\n`Up`    | Highlight the previous item in the drop-down menu. If already on the first item, then highlight the last item.\n`Down`  | Highlight the next item in the drop-down menu. If already on the last item, then highlight the first item.\n`A`-`Z`\u003cbr\u003e`0`-`9`\u003cbr\u003e`Space` | If the drop-down menu is open, jump to the first item matching the key(s) pressed. Every time you press a key it will cycle through the matching items. **Hint:** if you type fast enough, it will try to find a match for everything you typed instead of just the first character. If the menu is closed and in focus, `Space` opens the menu (same as `Enter`).\n\n## Accessibility\n\nThe following attributes are added to improve accessibility when using alternative input methods (e.g., keyboard, screen reader):\n\n- `role=\"listbox\"` and `role=\"option\"` (to tell screen readers that it's a drop-down menu widget)\n- `aria-activedescendant` (points to the currently selected menu item)\n- `aria-expanded` (this is `true` when the menu is open and `false` when it's closed)\n- `aria-label` (this is equivalent to the `title` attribute for screen readers)\n- `aria-labelledby` (points to the `\u003clabel\u003e` element that is linked to the `\u003cselect\u003e` if it exists)\n- `tabindex=\"0\"` (to allow the widget to get focus when you hit the `Tab` key)\n\nPlease [submit an issue](https://github.com/thdoan/pretty-dropdowns/issues) if there are other ways to improve accessibility.\n\n## Known Issues\n\n- After resizing the window, the drop-down menu near the bottom of the page sometimes doesn't open in reverse.\n- The `title` value will be read twice in some screen reader clients (once for `title`, once for `aria-label`).\n\n## Installation\n\nChoose from one of the following methods:\n\n- `git clone git@github.com:thdoan/pretty-dropdowns.git`\n- `git clone https://github.com/thdoan/pretty-dropdowns.git`\n- `bower install pretty-dropdowns`\n- `npm install pretty-dropdowns`\n- [Download ZIP](https://github.com/thdoan/pretty-dropdowns/archive/master.zip)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthdoan%2Fpretty-dropdowns","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthdoan%2Fpretty-dropdowns","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthdoan%2Fpretty-dropdowns/lists"}