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

HTML5 Form with JQuery Repeater, Bootstrap and Multi-Dimensional Array

By -
<?php if($_SERVER['REQUEST_METHOD'] == "POST"){ $sql1 = "INSERT INTO clbmeetings (`clbid`, `meeting_date`, `speaker`, `subject`, `attendance_percent`, `ri_year`, `created_by`, `ip`) VALUES (?, ?, ?, ?, ?, ?, ?, ?)";   $stmt1 = mysqli_prepare($conn, $sql1);     if($stmt1){ mysqli_stmt_bind_param($stmt1, "ssssssss", $param_clbid, $param_meeting_date, $param_speaker, $param_subject, $param_attendance_percent, $param_ri_year, $param_created_by, $param_ip);          //Set These Parameters          foreach ($_POST['meet'] as $item) {             if(empty($item['mtdt'])){             echo 'Empty Array';             }     else{                  $meeting_date = $item['mtdt'];                  $speaker = $item['spea...
Read more

IBM To Buy US-Based Software Company Red Hat For $34 Billion

By -
US-based software company Red Hat announced Sunday it had reached an agreement to sell itself to International Business Machines (IBM) Corp. for about $34 billion, including debt. This is by far IBM's biggest acquisition. IBM, which has a market capitalization of $114 billion, will pay $190 per share in cash for Red Hat, a 63 percent premium to Friday’s closing share price. Founded in 1993, Red Hat is one of the very few companies in the cloud computing sector that has both revenue growth and free cash flow. Its heritage is doing business around the Linux open-source operating system, the most popular type of open-source software, which was developed as an alternative to proprietary software made by Microsoft Corp. IBM has a public cloud that competes with Amazon Web Services. But developers use Red Hat's Linux on many public clouds, including those run by Microsoft and Google. That multi-cloud approach should help IBM bring in revenue as more companies choose to go to ...
Read more