HTML <option> 标签工具提示

标签 html events html-select

我有一个 <select>标记很多 <option>子节点。我想将此下拉列表的宽度保持在最小尺寸。然而,有时至少一个选项的 innerHTML 很长,迫使下拉列表框扩大其宽度。

我打算做的是截断长文本并使用省略号来表示某些字符已被截断(“非常loooooong sentence”变成“very looooooo ...”)。为了显示全文,我正在考虑在鼠标悬停事件上使用工具提示消息。

不幸的是,每个标签的 onmouseover 事件似乎不起作用。我该怎么做才能达到这种效果?

最佳答案

为每个选项添加一个 title 属性应该可以解决问题。

<option value="1" title="Long description">Short desc...</option>

关于HTML <option> 标签工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2205733/

相关文章:

javascript - 下拉检查列表单选取消选择

jquery - 如何有两种不同类型的导航栏,一种是固定的,一种是静态的,具有不同的菜单项?

javascript - TinyMCE/文件读取器 : missing line breaks after reading text file

html - 如何将 HTML 转换为 Textile?

events - 检测到 Gtk::Image 上的点击吗?

c# - 如何正确处置 Form,而不会有从已处置对象上的另一个线程调用 Invoke 的风险?

javascript - 编辑 HTML 表格单元格

c# - 为什么临时变量可以阻止客户端删除事件处理程序?

vb.net - 为什么这个下拉菜单没有填充?

php - 尝试在 <select> 中显示数据库字段