关注其中一个选项时如何显示下拉字段的工具提示

Posted 2023-05-07

【中文标题】关注其中一个选项时如何显示下拉字段的工具提示

【英文标题】：How to show tooltip for dropdown field when focus on one of the options

【发布时间】：2018-06-20 21:34:06

【问题描述】：

当？

我正在使用从http://iamceege.github.io/tooltipster/ 下载的 tooltipster.bundle.js 文件

专注于该领域时工作正常，但专注于其中一个选项时无法正常工作。我的要求是工具提示应该在专注于其中一个选项并专注于该领域时工作

jsp代码：

<script type="text/javascript" src="product/js/jquery/tooltipster.bundle.js"></script>
<script>
    $(document).ready(function() 
        $('.tooltip').tooltipster();
    );
</script>

<form:select path="product" class="tooltip" name="product" id="product" maxlength="16" title="$productListToolTip" >
    <form:option value=""></form:option>
    <form:options items="$productList"/>
</form:select>

当专注于该领域并专注于其中一个产品时，需要在工具提示中显示产品列表。

【问题讨论】：

更新了代码块以删除额外的空格

【参考方案1】：

它不适用于常规选择表单的选项。但是，如果您使用 select2 库，则可以实现它，它使用可用于工具提示的实际 div。