Показать сообщение отдельно
  #11 (permalink)  
Старый 13.08.2019, 20:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,070

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>
Ответить с цитированием