JSFiddle - React, Tailwind, and code Playground

by mpusarla

HTML

<div id="example_select2"></div>

CSS

</style><!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ -->

<script src="https://code.jquery.com/jquery-2.0.3.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.css" rel="stylesheet" />

JavaScript

jQuery(document).ready(function () {

    var optionsList = [{value: 1, label: 'first'}, {value: 2, label: 'second'}, {value: 3, label: 'third'}, {value: 4, label: 'fourth'}];
  
    $("#example_select2").select2({ 
                        data: optionsList,
                        dropdownAutoWidth: true,
                        id: 'value',
                        formatResult : function(item) { return item.label; },
                        formatSelection: function(item) { return item.label; }                        
    });

});