Html选择问题

标签 html select

我在 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 脚本或一些技巧可以使整个文本可见?

最佳答案

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

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

关于Html选择问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5043634/

相关文章:

c - POSIX 是否指定只有一个信号可以中断 pselect?

reactjs - 带有图标的 Material ui自动完成

mysql - 如何从sql语句中选择准确的值

php - 如何确保SQL查询中的字段是唯一的?

jquery - 如何使用 jquery 获取 Ipad 和 Iphone 视口(viewport)宽度

jquery - 在页面加载时使用 css3/jquery 滚动圆形图像

html - 如何链接到子文件夹中的样式表

html - 当其他 sibling 淡出时如何调整一个div不移动

javascript - 客户端或服务器端 (asp.net) imagemap 都不会弹出 html 表单

MySQL服务器存储过程语法错误