JSFiddle - React, Tailwind, and code Playground

by jairajdesai

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/css/select2.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
<select id="select2" style="width:300px">
  <optgroup label="Alaskan/Hawaiian Time Zone">
    <option value="AK">AK Alaska</option>
    <option value="HI">HI Hawaii</option>
  </optgroup>
</select>

CSS

p.bold {
  font-weight: bold;
}

JavaScript

$(document).ready(function() {
  $('#select2').select2();
	$('.select2-results_option').each(function(){
		console.log($(this).html());
		var temp = $(this).html();
		temp = temp.bold();
		$(this).html(temp);
	});
});