JSFiddle - React, Tailwind, and code Playground

by Marco

HTML

<script src="http://www.videmadesign.herobo.com/prove-stak/select2/select2.js"></script>
<link rel="stylesheet" href="http://www.videmadesign.herobo.com/prove-stak/select2/select2.css">
<select  data-plug="select2" id="e2"  data-plug-op='{"placeholder":"text1","containerCssClass":"maincss","width":"200"}'>
    <option></option>
    <option value="AL">aaaa</option>
    <option value="WY">bbbb</option>
    <option value="WY">cccc</option>
</select>

<select  data-plug="select2" id="e3"  data-plug-op='{"placeholder":"text2","containerCssClass":"maincss2","dropdownCssClass":"dropdowncss","width":"400"}'>
    <option></option>
    <option value="AL">aaaa</option>
    <option value="WY">bbbb</option>
    <option value="WY">cccc</option>
</select>

CSS

.maincss{
	background-color: #FC3;
	font-weight: bold;
	padding:20px;
	font-size: 1.4em;
	color: #333;
}
.maincss2{
	background-color: #099;
	padding:10px;
}

JavaScript

$.each($('[data-plug="select2"]'),function(index){
		 var $this  = $(this)
         var plugOp = $.parseJSON( $this.attr('data-plug-op') );
		$('[data-plug="select2"]:eq('+index+')').select2(plugOp)
	})