Select2
Select2 enhances native <select> elements with search, tagging, and remote data loading. Initialize with $("select").select2().
jQuery
Beginner
4 min read
Using Select2 Plugin
Example
<!-- Include Select2 -->
<link href="https://cdn.jsdelivr.net/npm/select2@4/dist/css/select2.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/select2@4/dist/js/select2.min.js"></script>
<select id="country" class="form-select">
<option value="">Select country...</option>
<option value="pk">Pakistan</option>
<option value="us">United States</option>
</select>
<script>
$("#country").select2({ placeholder: "Select country...", allowClear: true });
</script> Pro Tip
Select2 supports AJAX data sources via the ajax: {} option for server-side search.