JSFiddle - React, Tailwind, and code Playground

by niki4810

HTML

<link rel="stylesheet" href="http://www.itaware.eu/wp-content/uploads/2012/06/select2.css">
<button id="btnAddOptions">Add options</button>
<p></p>

<input class="myClass" type='hidden' id="select2Comp" data-placeholder="Select..."/>

CSS

</style> <!-- Ugly Hack due to jsFiddle issue: http://goo.gl/BUfGZ --> 
<script src="http://underscorejs.org/underscore.js"></script>
<script src="https://raw.github.com/ivaynberg/select2/master/select2.js"></script>

<style>

JavaScript

var data = [
    {
    id: 101,
    text: {
        displayName: "disp1",
        attrib: "attrib1"
    }

    },
{
    id: 102,
    text: {
        displayName: "disp2",
        attrib: "attrib2"
    }},
{
    id: 103,
    text: {
        displayName: "disp3",
        attrib: "attrib3"
    }}
];

$("#select2Comp").select2({
 multiple: true,
 data:data   
});

$("#btnAddOptions").click(function() {

})