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

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

Free website design in India only for June-July 2019

By -
Free website design For the First time in India, Macraze Technologies India Private Limited is Offering a Free Website Design for Educational Institutes (School, Madarsa, College, University), Non-Profit Organisations, Artists, Writers, Poets, Social Workers, Doctors, and Hospitals. If you are any of these, you can directly Call us, WhatsApp us at +919719555101 or simply leave us a message on the same number, you can also drop us an email on hello@macraze.com. Our Team will get back to you on this very soon. Features of the Websites provided in this offer: 1. Platform Independent or Responsive - You can browse these websites using any of the devices from a small screen Mobile to a large screen Desktop. This website will automatically fit yourself according to the height and width of your Mobile, Tablet, laptop, Desktop or any other device. 2. SEO Friendly - All these free websites are developed SEO Friendly, means you can take your website to the top of Google Search
Read more

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