Adding search functionality in select options using Select2 and Bootstrap

By - 
Sample Dropdown using Select2

<link href="base/assets/js/select2/select2.min.css" rel="stylesheet" />
<link href="base/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">

<select class="select2 form-control mb-3 custom-select" style="width: 100%; height:36px;" id="prgcat-list" name="prgcat-list">
    <option hidden disabled selected value>Choose Category</option>
    <option value='1'>Region</option>
    <option value='2'>Zone</option>
    <option value='3'>Club</option>
    <option value='4'>Category</option>
</select>

<script src="base/assets/js/select2/select2.min.js"></script>
<script>
  $("#prgcat-list").select2({
  allowClear:true,
  placeholder: 'prgcat-list'
  });
</script>



CDN Links for files:
https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css
https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js
OR
https://cdnjs.com/libraries/select2
https://cdnjs.com/libraries/select2-bootstrap-css
Location: India

Comments

Post a Comment

Popular posts from this blog

Domain Name Registration in Agra

By -
Your domain name says a lot about you, it gives you personality and recognized identity. Register your name, idea or brand and get online! What is Domain Name Registration? Domain name registration is the act of reserving a name on the Internet for a certain period, usually one year. It is important to know that this domain will remain yours for as long as you renew it and there is no way to purchase a domain name forever. Why you need a Domain Name? Below are some basic points explaining your reason or purpose why you need a domain name. A Domain helps you Let your visitors & customers find you easily!  Domain names provide a clean, user-friendly and convenient option to access your website. A simple descriptive website is easy to remember and looks great on a business card!  A Domain helps you to Get better visibility and exposure on search engines!  Register a keyword rich domain name and get an instant boost to your SEO efforts from the get-go!  A Domain helps
Read more

Things to know about Popup

By -
What is a 'Pop-up'? " A Pop-up is  something that appears suddenly or unexpectedly " A pop-up is a graphical user interface ( GUI ) display area, usually a small window, that suddenly appears ("pops up") in the foreground of the visual interface. Pop-ups can be initiated by a single or double mouse click or rollover (sometimes called a mouseover), and also possibly by voice command or can simply be timed to occur. A pop-up window must be smaller than the background window or interface; otherwise, it's a replacement interface. On the World Wide Web, JavaScript (and less commonly Java applet s) are used to create interactive effects including pop-up and full overlay windows. A menu or taskbar pulldown can be considered a form of pop-up. So can the little message box you get when you move your mouse over taskbars in many PC applications. Types of Pop-up? Popup Popup is the generic term used for website popups. More specifically, they are t
Read more

WEB DEVELOPMENT COMPANY IN CHANDAUSI

By -
Searching for web development company in Chandausi?  There is no doubt in the fact that there is hardly any shortage in finding the Good & largest web development companies in Chandausi. There are quite a few web design & development companies which offers an array of services, from WordPress deployments to completely customized sites. But finding a right partner among all, that will make your website simple and user-friendly along with the required functionalities is essential.  There are many factors to consider when selecting a web design firm ranging from Android or iPhone implementation to social networking and development solutions. Keep in mind that some companies focus solely on the design while others may also offer additional services such as Domain Services, Web Hosting, SSL Certificates, SiteLock Malware Detector, Branding & Identity Design, Marketing & Promotion, Website Designing, Web Development, Web Portals, Mobile Apps Development, Website & App
Read more