Html选择问题

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

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

范例

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

非常长的文本1
非常长的文本2
非常长的文本3

由于select元素的长度，用户将看到类似“非常长的t”的内容。

---

是否有jquery脚本或一些技巧使整个文本可见？

我通常会截断显示值（使用

..

后缀），这样它就不会弄乱下拉列表，然后我将实际的长值设置为选项

title

：-

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

棕色的狐狸。。。
...

一个选项是用一组单选按钮/标签替换

。您有更多的文本格式设置选项，因此更易于阅读

或者，如果不需要将所有文本都放在选择框中，可以缩短选项上的文本-可以使用javascript在页面上的另一个区域填充他们刚刚选择的选项的详细描述

编辑--

---

要延长

框，您可以使用

style=“width:250px；”“

或您需要的任何宽度设置其css宽度。（或者把这种风格放在课堂上，很明显）

嗯……我不知道你在问什么