Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
需求：现在遇到这样一个实例：DropdowList控件占用的宽度只有100px，而数据信息占用宽度有150px以上，在不允许提高宽度的前提下我们只有通过ToolTip属性来得以扩展，方便用户识别各个选项的差异性。在这里我觉得用javascript来实现显得格外的方便.【该段为转载】
代码：
![让Dropdownlist拥有Tooltip属性[通俗易懂]](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
![让Dropdownlist拥有Tooltip属性[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
<
HTML
>
<
HEAD
>
<
TITLE
>
New Document
</
TITLE
>
![让Dropdownlist拥有Tooltip属性[通俗易懂]](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
<
script
language
=”javascript”
type
=”text/javascript”
>
…
![让Dropdownlist拥有Tooltip属性[通俗易懂]](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
//该脚本来自网络 function showdropitem()![让Dropdownlist拥有Tooltip属性[通俗易懂]](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockStart.gif)
…{ 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;![让Dropdownlist拥有Tooltip属性[通俗易懂]](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedSubBlockEnd.gif)
} } }![让Dropdownlist拥有Tooltip属性[通俗易懂]](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
</
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
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/189190.html原文链接：https://javaforall.net
![osip2添加多个不同类型body[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
