Select2 Demo

by Josh Weir

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css">
<!--<input type="hidden" id="fruitSelect" value="" style="width:300px;" />
-->
<select id="fruitSelect"><option></option>
</select>
<br />
<br />
<button type="button" id="showValue">Show Value</button><br />
<br />
<div id="output">
</div>

JavaScript

/*
var FRUIT_GROUPS = [
    {
        id: 'c',
        text: 'Citrus',
        children: [
            { id: 'c1', text: 'Grapefruit' },
            { id: 'c2', text: 'Orange' },
            { id: 'c3', text: 'Lemon' },
            { id: 'c4', text: 'Lime' }
        ]
    },
    {
        id: 'o',
        text: 'Other',
        children: [
            { id: 'o1', text: 'Apple' },
            { id: 'o2', text: 'Mango' },
            { id: 'o3', text: 'Banana' }
        ]
    }
];
*/

var _subjects = [{"id":2,"text":"Mathematics"},
{"id":33,"text":"Pure Mathematics"},{"id":34,"text":"Applied Mathematics"},{"id":"35","text":"Computational Mathematics"},{"id":"36","text":"Statistics"},{"id":"37","text":"Mathematical Physics"},
{"id":3,"text":"Physics","children":[{"id":"38","text":"Astronomical and Space Sciences"},{"id":"39","text":"Atomic, Molecular, Nuclear, Particle and Plasma Physics"},{"id":"40","text":"Classical Physics"},{"id":"41","text":"Condensed Matter Physics"},{"id":"42","text":"Optical Physics"},{"id":"43","text":"Quantum Physics"}]},{"id":4,"text":"Chemistry","children":[{"id":"44","text":"Analytical Chemistry"},{"id":"45","text":"Inorganic Chemistry"},{"id":"46","text":"Macromolecular and Materials Chemistry"},{"id":"47","text":"Medicinal and Biomolecular Chemistry"},{"id":"48","text":"Organic Chemistry"},{"id":"49","text":"Physical and Structural Chemistry"},{"id":"50","text":"Theoretical and Computational Chemistry"}]},{"id":5,"text":"Earth Science","children":[{"id":"51","text":"Atmospheric Science"},{"id":"52","text":"Geochemistry"},{"id":"53","text":"Geology"},{"id":"54","text":"Geophysics"},{"id":"55","text":"Oceanography"},{"id":"56","text":"Physical Geography and Environmental Geoscience"}]},{"id":6,"text":"Environmental Science","children":[{"id":"57","text":"Ecological Applications"},{"id":"58","text":"Environmental Science and Management"},{"id":"59","text":"Soil...