JSFiddle - React, Tailwind, and code Playground

by deepu23

HTML

<script src="http://dl.dropbox.com/u/562400/jquery.bgiframe.js"></script>
<script src="http://dl.dropbox.com/u/562400/jquery.delegate.js"></script>
<script src="http://dl.dropbox.com/u/562400/jquery.dimensions.js"></script>
<script src="http://dl.dropbox.com/u/562400/jquery.tooltip.min.js"></script>
<link rel="stylesheet" href="http://dl.dropbox.com/u/562400/jquery.tooltip.css">
<select name="release_version" id="release_version" class="tooltip" title="" >
    <option value="12.5" selected="selected">Snapper</option>
    <option value="12.1">R12SP1</option><option value="12">R12</option>
    <option value="11.2">R11.2 SP4</option>
</select>

JavaScript

$("select").tooltip({
    left: 25,
    bodyHandler: function(){
                     return $('#release_version').attr('title');
                 }
});

$('#release_version').bind('change', function(e){
    var newTitle='';
    $("#release_version option:selected")
        .each(function () {
                 newTitle+= $(this).text() + "hi ";
              });

    $(this).attr('title', newTitle);
});

$('#release_version').trigger('change');