JSFiddle - React, Tailwind, and code Playground

by Aalok Mishra

HTML

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<select>
  <option>abc</option>
  <option>abc1</option>
  <option>abc2</option>
  <option>abc3</option>
  <option>abc4</option>
  <option>abc5</option>
</select>
<select>
  <option>abc</option>
  <option>abc1</option>
  <option>abc2</option>
  <option>abc3</option>
  <option>abc4</option>
  <option>abc5</option>
</select>
<select>
  <option>abc</option>
  <option>abc1</option>
  <option>abc2</option>
  <option>abc3</option>
  <option>abc4</option>
  <option>abc5</option>
</select>
<select>
  <option>abc</option>
  <option>abc1</option>
  <option>abc2</option>
  <option>abc3</option>
  <option>abc4</option>
  <option>abc5</option>
</select>
<select>
  <option>abc</option>
  <option>abc1</option>
  <option>abc2</option>
  <option>abc3</option>
  <option>abc4</option>
  <option>abc5</option>
</select>
<select>
  <option>abc</option>
  <option>abc1</option>
  <option>abc2</option>
  <option>abc3</option>
  <option>abc4</option>
  <option>abc5</option>
</select>
<select>
  <option>abc</option>
  <option>abc1</option>
  <option>abc2</option>
  <option>abc3</option>
  <option>abc4</option>
  <option>abc5</option>
</select>

CSS

select {
  width: 100px;
}

JavaScript

var $flag = false;
function selectInit(){
	$('select').each(function(){
		$(this).select2();	
	});
	return true;
}
$flag = selectInit();

if ($flag) {
  alert('done');
}