{"id":15180477,"url":"https://github.com/hsarchive/bootstrap-hardskilled-extend-select","last_synced_at":"2025-10-01T20:32:50.898Z","repository":{"id":143864168,"uuid":"115616213","full_name":"hsarchive/bootstrap-hardskilled-extend-select","owner":"hsarchive","description":"Extended Select for Bootstrap 4 (analog bootstrap-select)","archived":true,"fork":false,"pushed_at":"2018-02-09T14:44:47.000Z","size":105,"stargazers_count":18,"open_issues_count":4,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-01-05T03:12:13.896Z","etag":null,"topics":["bootstrap","bootstrap4","custom","jquery","select"],"latest_commit_sha":null,"homepage":"https://hardskilled.github.io/bootstrap-hardskilled-extend-select/docs/","language":"JavaScript","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/hsarchive.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-12-28T11:20:57.000Z","updated_at":"2024-06-21T21:45:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"ce489402-8212-4d99-9f3e-e8e59df3ac8f","html_url":"https://github.com/hsarchive/bootstrap-hardskilled-extend-select","commit_stats":null,"previous_names":["hardskilled/bootstrap-hardskilled-extend-select"],"tags_count":13,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hsarchive%2Fbootstrap-hardskilled-extend-select","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hsarchive%2Fbootstrap-hardskilled-extend-select/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hsarchive%2Fbootstrap-hardskilled-extend-select/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hsarchive%2Fbootstrap-hardskilled-extend-select/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hsarchive","download_url":"https://codeload.github.com/hsarchive/bootstrap-hardskilled-extend-select/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":234897368,"owners_count":18903646,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","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":["bootstrap","bootstrap4","custom","jquery","select"],"created_at":"2024-09-27T16:20:34.942Z","updated_at":"2025-10-01T20:32:45.612Z","avatar_url":"https://github.com/hsarchive.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Extended Select for Bootstrap 4 (alternative bootstrap-select)\n\n[![release version](https://img.shields.io/github/release/hardskilled/bootstrap-hardskilled-extend-select.svg)](https://github.com/hardskilled/bootstrap-hardskilled-extend-select/releases) [![npm version](https://badge.fury.io/js/bootstrap-hardskilled-extend-select.svg)](https://badge.fury.io/js/bootstrap-hardskilled-extend-select) [![](https://data.jsdelivr.com/v1/package/npm/bootstrap-hardskilled-extend-select/badge?style=rounded)](https://www.jsdelivr.com/package/npm/bootstrap-hardskilled-extend-select) [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://github.com/hardskilled/bootstrap-hardskilled-extend-select/blob/master/LICENSE) [![dependences](https://david-dm.org/hardskilled/bootstrap-hardskilled-extend-select.svg)](https://david-dm.org/hardskilled/bootstrap-hardskilled-extend-select) [![devDependences](https://david-dm.org/hardskilled/bootstrap-hardskilled-extend-select/dev-status.svg)](https://david-dm.org/hardskilled/bootstrap-hardskilled-extend-select?type=dev)\n\n## [Demo and documentation](https://hardskilled.github.io/bootstrap-hardskilled-extend-select/docs/)\n\nYou can require bootstrap plugin via cdn or [download](https://github.com/hardskilled/bootstrap-hardskilled-extend-select/releases) the archive with release and unzip into assets directory.\n\nFor install via npm, use command:\n```bash\nnpm i --save bootstrap-hardskilled-extend-select\n```\n\n**To use CDN:**\n```html\n\u003clink rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-hardskilled-extend-select@latest/css/select.min.css\"\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/bootstrap-hardskilled-extend-select@latest/js/select.min.js\"\u003e\u003c/script\u003e\n```\n\n**Example usage:**\n```html\n\u003clink rel=\"stylesheet\" href=\"css/select.min.css\"\u003e\n\u003cscript src=\"js/select.min.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n    $('select').extendSelect();\n\u003c/script\u003e\n```\n\n**Usage with options:**\n```html\n\u003clink rel=\"stylesheet\" href=\"css/select.min.css\"\u003e\n\u003cscript src=\"js/select.min.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n    $('select').extendSelect({\n        // Search input placeholder:\n        search: 'Find',\n        // Title if option not selected:\n        notSelectedTitle: 'Pls select',\n        // Message if select list empty:\n        empty: 'Empty',\n        // Class to active element:\n        activeClass: 'active',\n        // Class to disabled element:\n        disabledClass: 'disabled',\n        // Custom error message for all selects (use placeholder %items):\n        maxOptionMessage: 'Max %items elements',\n        // Delay to hide message\n        maxOptionMessageDelay: 2000,\n        // Popover logic (resize or save height):\n        popoverResize: true,\n        // Auto resize dropdown by button width:\n        dropdownResize: true\n    });\n\u003c/script\u003e\n```\n\n| Key | Description | Default value |\n| --- | --- | --- |\n| search | Search input placeholder | Search |\n| notSelectedTitle | Title if option not selected | Nothing to shown |\n| empty | Message if select list empty | Nothing to shown |\n| activeClass | Class to active element | `active` |\n| disabledClass | Class to disabled element | `diabled` |\n| maxOptionMessage | Custom error message for all selects (use placeholder %items) | Limit reached (%items items max) |\n| maxOptionMessageDelay | Delay to hide message | 2000 |\n| popoverResize | Popover logic (resize or save height) | `false` |\n| dropdownResize | Auto resize dropdown by button width | `false` |\n\n**To listen changes use .on('change') event:**\n```javascript\n$('select#basic').on('change', function () {\n    const selected = $(this).find(':selected').text();\n    $('#basicResult').text('Selected: ' + selected)\n})\n```\n\n**HTML attributes to select:**\n```html\n\u003cselect \n    id=\"extendedSelect\" \n    class=\"form-control\" \n    data-live-search=\"true\"\n    data-max-options=\"2\"\n    data-max-options-message=\"Max items\"\n    data-live-search-placeholder=\"Find\"\n    data-hide-disabled=\"true\"\n    data-btn-class=\"btn-danger btn-block\"\n    data-input-group=\"true\"\n    data-not-selected=\"Select is empty\"\n    data-empty=\"Items not found\"\n    data-type=\"checkbox\"\n    multiple\n\u003e\n    \u003coption selected\u003eRabbit\u003c/option\u003e\n    \u003coption\u003eCat\u003c/option\u003e\n    \u003coption class=\"get-class\" disabled\u003eOwl\u003c/option\u003e\n    \u003coptgroup label=\"test\" data-subtext=\"another test\"\u003e\n        \u003coption\u003eSpider\u003c/option\u003e\n        \u003coption selected\u003eWorm\u003c/option\u003e\n        \u003coption\u003eFly\u003c/option\u003e\n    \u003c/optgroup\u003e\n\u003c/select\u003e\n```\n\n| Attribute | Description | Default value |\n| --- | --- | --- |\n| data-live-search | Live search | `false` |\n| data-max-options | Max selected options | Nothing to shown |\n| data-max-options-message | Message if select limit overflow | Limit reached (%items items max) |\n| data-live-search-placeholder | Search input placeholder | Search |\n| data-hide-disabled | Hide disabled elements | `false` |\n| data-btn-class | Button class for dropdown | btn-secondary |\n| data-not-selected | Title if option not selected | Nothing to shown |\n| data-empty | Message if select list empty | Nothing to shown |\n| data-type | Custom select type (ex. checkbox) | `null` |\n| multiple | Enable multiple selections | `false` |\n\n\n[Hire us via Upwork!](https://www.upwork.com/o/companies/_~01b5cde52d5f4ead84/) | [Our website](https://hardskilled.com)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhsarchive%2Fbootstrap-hardskilled-extend-select","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhsarchive%2Fbootstrap-hardskilled-extend-select","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhsarchive%2Fbootstrap-hardskilled-extend-select/lists"}