让Dropdownlist拥有Tooltip属性

需求：现在遇到这样一个实例：DropdowList控件占用的宽度只有100px，而数据信息占用宽度有150px以上，在不允许提高宽度的前提下我们只有通过ToolTip属性来得以扩展，方便用户识别各个选项的差异性。在这里我觉得用javascript来实现显得格外的方便.【该段为转载】

代码：

< HTML >
  < HEAD >
   < TITLE >  New Document  </ TITLE >
     < script  language ="javascript"  type ="text/javascript" > ...
//该脚本来自网络
  function showdropitem()
        ...{
            var el = document.getElementsByTagName("select");
            for(i=0;i<el.length;i++)
            ...{
                for(j=0;j<el[i].options.length;j++)
                ...{
                    el[i].options[j].title = el[i].options[j].text;
                }
            }
        }
   </ script >
  </ HEAD >
< BODY  onload ="showdropitem()" >
   < select  name ="selOperator"  id ="selOperator"    >
  < option  value ="501"  selected > sina </ option >            
  < option  value ="503" > sohu </ option >
  < option  value ="505" > yahoo </ option >
  < option  value ="510" > chianren </ option >  
  </ select >
  </ BODY >
</ HTML >

注意：这里给出了一个应用的例子，是HTML的应用，在ASP.net中不需要对脚本进行修改，直接移植即可；同时应该注意该段代码在IE7下是通过的，在IE6下有点问题。

该javascript脚本来自http://blog.csdn.net/tz_xiong/archive/2007/08/27/1761286.aspx