当前位置：首页 → 问答吧 → select的标签<option/>值过长，不能全部显示的问题

select的标签<option/>值过长，不能全部显示的问题

时间：2011-04-15

来源：互联网

如果html页面的select标签过长。过长的部分会显示不出来，有没有把法可以把过长的部分给显示出来？<option> 上可以用mouse的相关属性吗？比如：鼠标放在option上，然后显示整个option的内容？有相关的例子发下。谢谢~js菜鸟求指教~~

作者: dd121011 发布时间: 2011-04-15

点击select后出现的下拉框会显示全部的内容啊，楼主要干嘛~？

还是显示显示完被选择的项的内容？如果被选择的项内容长度大于select设置的长度，内容显示不完到是真的。

option没有mouse事件，给select加一个title属性和onchange事件即可。

HTML code

<select style="width:100px" title="11111111111111111111111a" onchange="this.title=this.options[this.selectedIndex].text">
    <option>11111111111111111111111a</option>
     <option>22</option><option>33</option>
    </select>

作者: showbo 发布时间: 2011-04-15

引用 1 楼 showbo 的回复:
点击select后出现的下拉框会显示全部的内容啊，楼主要干嘛~？

还是显示显示完被选择的项的内容？如果被选择的项内容长度大于select设置的长度，内容显示不完到是真的。

option没有mouse事件，给select加一个title属性和onchange事件即可。

HTML code
<select style="width:100px" title="1111111……

如果list标签长度够长，option的内容不能完全显示，但是又想看。这个时候是不是就应该做写什么处理
虽然想要的效果是title属性那样的。但是:
ie6不支持title属性啊。

作者: dd121011 发布时间: 2011-04-15