select2 bootstrap tooltips

by koh_edwin

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<select name="xxx" class="select-full" title="some_title">
    <option value="1">1</option>
    <option value="2">2</option>
</select>

<select name="xxx2" class="select-full" title="another title">
    <option value="1">One</option>
    <option value="2">Two</option>
</select>
<br/>
<br/>

JavaScript

/*$('.tip-normal').tooltip({
    placement: "auto",
    html: true
});*/

$(".select-full").select2({
    width: "150px",
});

console.log($(".select2-container").length)
$(".select2-container").tooltip({
    title: function() {
        return $(this).id//prev().attr("title");
    },
    placement: "auto",
    //container: 'body'
});