Question : select2
Answered by : imran-mirza
<!-- Style -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<!-- Script -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
<script>
// In your Javascript (external.js resource or <script> tag)
$(document).ready(function() { $('.js-example-basic-single').select2();
});
</script>Source : | Last Update : Wed, 25 May 22
Question : select2 html example
Answered by : tom-zk99pilqv6hu
<html> <script src="https://code.jquery.com/jquery-2.2.4.js"></script> <link href="https://rawgit.com/select2/select2/master/dist/css/select2.min.css" rel="stylesheet" /> <script src="https://rawgit.com/select2/select2/master/dist/js/select2.js"></script> <select id="example" style="width: 300px"> <option></option> <option value="JAN">January</option> <option value="FEB">February</option> <option value="MAR">March</option> <option value="APR">April</option> <option value="MAY">May</option> <option value="JUN">June</option> <option value="JUL">July</option> <option value="AUG">August</option> <option value="SEP">September</option> <option value="OCT">October</option> <option value="NOV">November</option> <option value="DEC">December</option> </select> <script> window.onpageshow = function() { $('#example').select2({ allowClear: true, placeholder: 'Select a month' }); }; </script>
</html>Source : | Last Update : Tue, 26 Apr 22
Question : select2
Answered by :
$('.js-example-basic-single').select2({ placeholder: 'Select an option'
});Source : https://select2.org/configuration | Last Update : Mon, 16 Nov 20
Question : select2
Answered by : mouaad-bellouche
// In your Javascript (external .js resource or <script> tag)
$(document).ready(function() { $('.js-example-basic-single').select2();
});Source : https://select2.org/getting-started/basic-usage | Last Update : Wed, 25 May 22
Question : select2 .select2-results .select2-highlighted
Answered by : isaac-groisman-afzx9092x66j
#menuOption1-container .select2-results__option--highlighted { background-color: #50831F !important;
}
#menuOption2-container .select2-results__option--highlighted { background-color: #28915F !important;
}Source : https://stackoverflow.com/questions/32835380/how-to-override-select2-results-select2-highlighted-color | Last Update : Thu, 04 Mar 21