Select2 Custom Template

by marhaba

HTML

<link rel="stylesheet" href="http://ivaynberg.github.com/select2/select2-3.2/select2.css">
<script src="http://ivaynberg.github.com/select2/select2-3.2/select2.js"></script>
<input type='hidden' id='cantseeme'>

JavaScript

$(function () {
    var select2_ary = [];

    select2_ary.push({
        id: "one",
        text: "one"
    }, {
        text: 'group',
        children: [{
            id: "two",
            text: "two"
        }]
    }, {
        id: 'three',
        text: 'three'
    });

    $("#cantseeme").select2({
        placeholder: "Pick a number",
        data: select2_ary
    });
});