JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="http://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<link rel="stylesheet" href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css">
<legend>Users</legend>
<div class="row">
<div class="span4">
<label for="Admins">Admins</label>
<select class="chzn-select span9 single-role" data-placeholder="Select" name="admins[]" id="Admins" multiple="multiple">
<option value="101">Eminem</option><option value="102">50 Cent</option><option value="103">Rytmus</option><option value="104">Jay Z</option><option value="105">The Game</option><option value="106">Ego</option><option value="107">Snoop Dogg</option>
</select>
</div>
<div class="span4">
<label for="Bosses">Bosses</label>
<select class="chzn-select span9 single-role" data-placeholder="Select" name="bosses[]" id="Bosses" multiple="multiple">
<option value="101">Eminem</option><option value="102">50 Cent</option><option value="103">Rytmus</option><option value="104">Jay Z</option><option value="105">The Game</option><option value="106">Ego</option><option value="107">Snoop Dogg</option>
</select>
</div>
<div class="span4">
<label for="Guests">Guests</label>
<select class="chzn-select span9 single-role" data-placeholder="Select" name="guests[]" id="Guests" multiple="multiple">
<option value="101">Eminem</option><option value="102">50 Cent</option><option value="103">Rytmus</option><option value="104">Jay Z</option><option value="105">The Game</option><option value="106">Ego</option><option value="107">Snoop Dogg</option>
</select>
</div>
</div>
JavaScript
$(".chzn-select").css('width', '300px').chosen({
display_selected_options: false,
no_results_text: 'not found',
});