我有一个带有许多子节点的标签。我想将此下拉列表的宽度保持在最小尺寸。但是,有时至少一个选项的innerHTML 很长,迫使下拉列表框扩大其宽度。
我打算做的是截断长文本并使用省略号表示某些字符已被截断(“very loooooong sentence”变成“very loooooo..”)。为了显示全文,我正在考虑在鼠标悬停事件上使用工具提示消息。
不幸的是,每个标签的 onmouseover 事件似乎都不起作用。我该怎么做才能达到这个效果?
谢谢
为每个选项添加一个标题属性应该可以解决问题。
<option value="1" title="Long description">Short desc...</option>
您可以设置的宽度<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>