下拉列表显示问题

我现在有一个下拉列表宽度固定，不允许改变长度。
但是里面的option有的比较长，然后让用户选择的使用体验较差。
怎么可以让鼠标移动到比较长的option时让它显示出来呢？

解决方案 »

  1.   

    利用title属性
    <select style="width:50px;">
      <option title="aa">aa</option>
      <option title="bbbbbbbbbbbbbbbbbbbb">bbbbbbbbbbbbbbbbbbbb</option>
    </select>
      

  2.   

    若超出下拉列表宽度,则截掉,后面还是加"...",别人看了知道显示不完整
    可以为OPTION加上TITLE属性,类似提示功能
    <option value="a" title="aaaaaaaaaa">xxxxxxx</option> //鼠标指向XXXXXXX时显示AAAAAAAAAA
      

  3.   

    我加了title不显示啊
    我的浏览器有问题吗？
      

  4.   


    你的浏览器不显示title 不代表你的客户的浏览器都不会显示, 建议你在多台电脑上测试看看.
    用脚本控制, 代价太大, 实属下策.
      

  5.   

    title 是不是要在ie7上才行？
      

  6.   

    title在所有 浏览器中都可用. NS:all  IE:all  HTML:all