rafaello,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script>
jQuery(function() {
jQuery(document ).tooltip({
items : ".osc_tooltip",
content : function() {
var option = jQuery("option[value='"+this.value+"']", this);
if (option.length && option.is( "[title]" ) ) {
return option.attr( "title" );
}
}})
});
</script>
</head>
<body>
<select class="form-control osc_tooltip" name="builder_rule_filter" required="required">
<option value="">Выбрать</option>
<option value="above">Выше верх. линии</option>
<option value="below">Ниже нижн. линии</option>
<option value="down_up" title="down_up">Перес. снизу вверх</option>
<option value="top_down" title="top_down">Перес. сверху вниз</option>
</select>
</body>
</html>