jquery 悬停时显示信息框选择选项

wnavrhmk 于 2023-06-29 发布在 jQuery

关注(0)|答案(2)|浏览(128)

我期待着显示一个信息框时，用户悬停在选择选项。例如：

<select id = "sel">
       <option value="sick leave">Sick leave</option>
       <option value="urgent leave">urgent leave</option>
       <option value="maternity leave">Maternity leave</option>
       <option value="relocation leave">Relocation leave</option>
     </select>

当用户将鼠标移到选项上时，应显示一个消息框，显示他所剩下的特定类型的叶子数量，并且当他向下移动时，信息应根据光标指向的叶子类型而改变

jquery

来源：https://stackoverflow.com/questions/38553131/display-info-box-on-hover-select-option

2条答案

按热度按时间

6tr1vspr1#

你会想用css的psuedo元素来做这件事。
有人问了一个非常类似的问题，在这里得到了详细的回应：
How to create a box when mouse over text in pure CSS?

赞(0）回复(0）举报 2023-06-29

agyaoht72#

在select元素中的每个选项上使用title属性，它对我有用，所以它应该对你有用。

<select id="sel">
   <option title="This is a Sick leave" value="sick leave">Sick leave</option>
   <option title="This is a urgent leave" value="urgent leave">urgent leave</option>
   <option title="This is a Maternity leave" value="maternity leave">Maternity leave</option>
   <option title="This is a Relocation leave" value="relocation leave">Relocation leave</option>
</select>

赞(0）回复(0）举报 2023-06-29

我来回答

jquery 悬停时显示信息框选择选项

2条答案

相关问题

热门标签

最新问答