Question

我有一个包含许多子节点的标签。我想将此下拉列表的宽度保持为最小值。但是，有时候至少有一个选项的innerHTML非常长，迫使下拉列表框扩展其宽度。

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

不幸的是，每个标记的onmouseover事件似乎都不起作用。我该怎么做才能达到这个效果？

由于

Answer 1

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

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

Answer 2

您可以设置<select>的宽度，下拉列表将超出选择的宽度。请尝试以下方法：

<select style="width: 30px">
  <option>1</option>
  <option>really long</option>
  <option>even more longer</option>
  <option>This should be long enough to stretch to the end of the page, but the select is still not very long</option>
</select>

HTML <option>标签工具提示</option>

2 个答案: