Как я могу отобразить подсказку на теге “опции” HTML?

Или с помощью плоскости HTML или jQuery помогли JavaScript, как Вы отображаете подсказки на человеке элементы для помощи процессу принятия решений (существует недостаточно места для другого вида управления, и некоторая помощь будет необходима).

Это может быть сделано хотя плагин или подобное?

Я попробовал несколько плагинов подсказки за jQuery без успеха (включая тот под названием Подсказка).

Это решение должно:

• работа в IE, WebKit, а также Гекконе;
• использование стандарта перенесенный элементы.

  Таким образом, если решение хочет использовать другие теги, оно должно преобразовать те элементы в то, в чем оно нуждается динамично (и не ожидают, что начальная разметка будет несколько отличаться).

  ---

  Код для этого может быть найден здесь, он находится под разделом SafeSurf, где я хочу отобразить некоторую справку на трансформации опций относительно значения выбора. В настоящее время это может только быть отображено "после факта", и некоторая первичная справка для пользователя была бы выгодна.

  Цените, что это не легко и что что-то должно будет, вероятно, быть создано - таким образом, щедрость будет присуждена большей части полного решения или определенному рычагу, который сажает меня самый близкий к решению, которое я могу создать.

  63
  jquery html jquery-plugins tooltip
  задан Zuul 6 July 2012 в 20:23
  поделиться

  6 ответов

  По крайней мере, в firefox, вы можете установить атрибут "title" на тег опции:

  Some option

  3

  ответ дан 24 November 2019 в 16:21

  поделиться

  Я не думаю, что это можно сделать во всех браузерах.

  W3Schools сообщает, что события опции существуют во всех браузерах, но после настройки этой тестовой демонстрации . Я могу заставить его работать только для Firefox (не Chrome или IE), я не тестировал его в других браузерах.

  Firefox также позволяет использовать mouseenter и mouseleave, но об этом не сообщается на странице w3schools.

  ---

  Обновление: честно говоря, глядя на предоставленный вами пример кода, я бы даже не стал использовать поле выбора. Думаю, было бы лучше с ползунком . Я обновил вашу демонстрацию . Мне пришлось внести несколько незначительных изменений в ваш объект оценок (добавив номер уровня) и вкладку safesurf. Но почти все остальное я оставил нетронутым.

  3

  ответ дан 24 November 2019 в 16:21

  поделиться

  Я только что попытался сделать это в Chrome:

  var $sel = $('#sel'); $sel.find('option').hover(function(){$sel.attr('title',$(this).attr('title'));console.log($(this).attr('title'))}, function(){$sel.attr('title','');});
  

  Однако при наведении курсора никогда не срабатывает ... Так что вы вообще не сможете сделать это, используя стандартный выбор. Вы можете добиться этого несколькими нестандартными способами:

  • Вы можете подделать поле выбора, используя переключатели, которые выглядят как раскрывающиеся списки. Так, например, установите абсолютное позиционирование радиобокса и установите непрозрачность на 0 над стилизованным блоком, который претендует на то, чтобы быть опцией.
  • Или вы могли бы использовать чистый javascript и иметь серию блоков и добавлять события onclick javascript, чтобы самостоятельно воссоздать dropbox - так вы обновите скрытое значение, указав, какое поле было нажато с помощью javascript.
  • Или воспользуйтесь одной из уже имеющихся нестандартных библиотек. (Если есть?)

  4

  ответ дан 24 November 2019 в 16:21

  поделиться

  Я не верю, что вы можете достичь этой функциональности с помощью стандартного элемента

  .

  Я бы посоветовал использовать такой способ.

  http://filamentgroup.com/lab/jquery_ipod_style_and_flyout_menus/

  Базовая версия не займет слишком много места, и вы можете легко привязать события mouseover к подпунктам, чтобы показать приятный всплывающая подсказка.

  Надеюсь, это поможет, Синан.