<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function ShowMe(tips,flag,iwidth){
var my_tips=document.all.mytips;
if(flag){    my_tips.innerHTML=document.getElementsByTagName(tips).item(0).value;
    my_tips.style.display="";
    my_tips.style.width=iwidth;
    my_tips.style.left=event.clientX+10+document.body.scrollLeft;
    my_tips.style.top=event.clientY+10+document.body.scrollTop;
   }
else 
  {
   my_tips.style.display="none";
   }
}
function NoneDisplay(){var my_tips=document.all.mytips;
my_tips.style.display= "none";
}
//-->
</script>
<div id=mytips style="position:absolute;background-color:#ffffff;width:121;height:16;border:1px solid gray;display:none;filter: progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3); left:0; top:5"></div>
</head>
<body>
<table name="table1" class="33232">
<tr>
<td >
<select name="select" onmouseover="ShowMe('select',1,100)" style="width:80" onmouseout="NoneDisplay()">
<option value="1111111111111111111111">1111111111111111111111</option>
<option value="2222222222222222222222">2222222222222222222222</option>
<option value="3333333333333333333334">3333333333333333333334</option>
<option value="4444444444444444444444">4444444444444444444444</option>
</select>
</td>
</tr>
</table>
</body>
</html>

解决方案 »

  1.   

    不用楼上这么麻烦
    用title 就可以了 <select name="select" onmouseover="ShowMe('select',1,100)" style="width:80" onmouseout="NoneDisplay()">
    <option value="1111111111111111111111" title="1111111111111111111111" >1111111111111111111111</option>
    <option value="2222222222222222222222" value="2222222222222222222222"> 2222222222222222222222</option> </select>
      

  2.   

    我要的不是这种效果啊!
    这种我已经会了!
    我要的是鼠标指向哪个option,就在那个option直接有个option里的test的提示啊!
    有哪位高手能帮我啊!
    急啊!
      

  3.   

    不是的!当然下拉选择框下拉选择的时候,<option></option>之间的内容超长的时候,当鼠标指向它的时候就提示里面的内容!并不是把内容选择中的时候才提示!
      

  4.   

    option是没有事件的,你可以用<div><table>来模拟combox,好点的在线编辑器都不用自带的combox
      

  5.   

    不过有一个问题,就是如果我的选择框里的内容条数太多,如果没有滚动条全部都列出来那样就太难看了,如果用<div>table>会没有滚动条的吧?
      

  6.   

    设置div的style="overflow-y:auto;"就有滚动条了
      

  7.   

    http://blog.csdn.net/scoutlin/archive/2005/02/22/297701.aspx
      

  8.   

    TO:scoutlin(8da子民)(www.8da.cc) 
    我要的不是这种效果啊!
      

  9.   

    感觉像被骗了似的!!问题没明白吧!还没分清benny006ok()和benny009ok()谁是谁!!
    郁闷啊!
      

  10.   

    回复人: benny006ok() ( ) 信誉:100  2005-4-16 10:04:45  得分: 100  
    OPTION里内容超长的即时提示  
     可耻!!!!!!!!!!