html选择问题

Question

我在 html select 元素中有一些长文本。当用户选择一个选项时，只要选择是，文本就会显示。

使这个可用和清晰的最佳解决方案是什么？

例子

<select>
<option>very long text 1</option>
<option>very long text 2</option>
<option>very long text 3</option>
</select>

由于选择元素的长度，用户将看到类似“非常长的 t”的内容。是否有 jquery 脚本或一些技巧可以使整个文本可见？

Answer 1

我通常会截断显示值（使用...后缀），以免弄乱下拉列表，然后我将实际长值设置为选项title：-

<select>
    <option value="1" title="the brown fox jumped over the fence">the brown fox...</option>
    ...
</select>