JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="https://raw.githubusercontent.com/davidstutz/bootstrap-multiselect/master/js/bootstrap-multiselect.js"></script>
<link rel="stylesheet" href="https://raw.githubusercontent.com/davidstutz/bootstrap-multiselect/master/css/bootstrap-multiselect.css">
<select name="menu[]" id="menu" class="multiselect" multiple="multiple">
<optgroup label="Items">...
<option id='one' value='1' data-toggle="tooltip" title="Popover one" data-content="content one">1</option>
<option id='two' value='2' data-toggle="tooltip" title="Popover two" data-content="content two">2</option>
</optgroup>
</select>

JavaScript

$('#menu').multiselect({
maxHeight: 400, numberDisplayed: 1, nonSelectedText: 'All', enableCaseInsensitiveFiltering: true,

});

$("#one").tooltip({placement:'right'});
$("#two").tooltip({placement:'right'});