{"flag":true,"single":true,"pageTitle":"SELECT2, select dropdown search","post":{"id":298,"user_id":"1","slug":"select2-select-dropdown-search-ftoz","title":"SELECT2, select dropdown search","body":"<p>1. add cdn<\/p>\r\n<pre class=\"language-markup\"><code>&lt;link href=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/css\/select2.min.css\" rel=\"stylesheet\" \/&gt;\r\n&lt;script src=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/js\/select2.min.js\"&gt;&lt;\/script&gt;<\/code><\/pre>\r\n<p>&gt;&gt; for bootstrap add css link also&nbsp; DOC: <a href=\"https:\/\/github.com\/ttskch\/select2-bootstrap4-theme?tab=readme-ov-file\">https:\/\/github.com\/ttskch\/select2-bootstrap4-theme?tab=readme-ov-file<\/a><\/p>\r\n<pre class=\"language-markup\"><code>&lt;link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.0.13\/dist\/css\/select2.min.css\"&gt;<\/code><\/pre>\r\n<p>&nbsp;<\/p>\r\n<p>here is full documentation: <a href=\"https:\/\/select2.org\/\">https:\/\/select2.org\/<\/a><\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>FOR BOOTSTRAP MODEL: https:\/\/stackoverflow.com\/questions\/18487056\/select2-doesnt-work-when-embedded-in-a-bootstrap-modal<\/strong><\/p>\r\n<p><strong>1. Remove tabindex=\"-1\" from models&nbsp;<\/strong><\/p>\r\n<p>&nbsp;<\/p>\r\n<p><strong>2.<\/strong><\/p>\r\n<pre class=\"language-markup\"><code>$(document).ready(function() {\r\n  $(\"#select2insidemodal\").select2({\r\n    dropdownParent: $(\"#myModal\")\r\n  });\r\n});<\/code><\/pre>\r\n<p>&nbsp;<\/p>","category_id":"6","is_private":"0","created_at":"2025-03-26T10:03:48.000000Z","updated_at":"2025-03-26T11:12:27.000000Z","category":{"id":6,"user_id":"1","name":"Bootstrap","slug":"bootstrap-lyjs","parent_id":null,"created_at":"2023-03-16T22:42:39.000000Z","updated_at":"2023-03-16T22:42:39.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"1. add cdn &lt;link href=\"https:\/\/cdn.jsdelivr.net\/npm\/select2@4.1.0-rc.0\/dist\/css\/select2.min.css\" rel=\"stylesheet\" \/&gt; &lt;script src=\"h - SELECT2, select dropdown search (Updated: March 26, 2025) - Read more about SELECT2, select dropdown search at my programming site [SITE]","categories":[]}