html选择问题

Question

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

什么是使它可用且清晰的最佳解决方案？

例子

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

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

Answer 1

我通常会截断显示值(使用 ... 后缀)，这样它就不会弄乱下拉列表，然后我将实际的长值设置为选项 title:-

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