rafaello,
попробуйте так ...
<!doctype html>
<html lang="ru">
<head>
<title>Bootstrap 4 Tooltips - Пример работы с методами</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link href="https://itchief.ru/examples/vendors/bootstrap-4.1/css/bootstrap.min.css" rel="stylesheet">
</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>
<!-- jQuery -->
<script src="https://itchief.ru/examples/vendors/jquery/jquery-3.3.1.min.js"></script>
<!-- Popper -->
<script src="https://itchief.ru/examples/vendors/popper.js/popper.min.js"></script>
<!-- Bootstrap JS -->
<script src="https://itchief.ru/examples/vendors/bootstrap-4.1/js/bootstrap.min.js"></script>
<script>
jQuery(".osc_tooltip").tooltip({
title : function() {
var option = this.options[this.selectedIndex];
if (option.title) {
return option.title;
}
}})
</script>
</body>
</html>
