Flat-ui popup menu not working

Question

I am using Flat-UI ( http://designmodo.imtqy.com/Flat-UI/ ) to help with the interface elements of the small MeteorJS application that I am creating.

The problem I encountered is that Select Dropdown is not working. And I would like to know how to get the parameter value. See Below Layout:

<div class="select2-container form-control select select-primary" id="s2id_autogen1">
    <a href="javascript:void(0)" class="select2-choice" tabindex="-1">   
        <span class="select2-chosen" id="select2-chosen-2">My Profile</span>
        <abbr class="select2-search-choice-close"></abbr>   
        <span class="select2-arrow" role="presentation">
            <b role="presentation"></b>
        </span>
    </a>
    <label for="s2id_autogen2" class="select2-offscreen"></label>
    <input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-2" id="s2id_autogen2">
</div>
<select class="form-control select select-primary" data-toggle="select" tabindex="-1" title="" style="display: none;">
    <optgroup label="Profile">
        <option value="0">My Profile</option>
        <option value="1">My Friends</option>
    </optgroup>
    <optgroup label="System">
        <option value="2">Messages</option>
        <option value="3">My Settings</option>
        <option value="4">Logout</option>
    </optgroup>
</select>

This is what we have in the flatui document. But the select dropdown doesn’t work, can someone help me make it work and pull the value from the parameters?

Answer 1

- . Select2, , Bootstrap.

Select2 3.5.2

: http://select2.imtqy.com/select2/

$("#selectList")
.on("change", function(e) { log("change "+JSON.stringify({val:e.val, added:e.added, removed:e.removed})); })

Answer 2

, , select2, .

. :

$( document ).ready(function() {
  $("select").select2({dropdownCssClass: 'dropdown-inverse'});
});