让Dropdownlist拥有Tooltip属性[通俗易懂]

让Dropdownlist拥有Tooltip属性[通俗易懂]需求:现在遇到这样一个实例:DropdowList控件占用的宽度只有100px,而数据信息占用宽度有150px以上,在不允许提高宽度的前提下我们只有通过ToolTip属性来得以扩展,方便用户识别各个选项的差异性。在这里我觉得用javascript来实现显得格外的方便.【该段为转载】代码:HTML> HEAD>  TITLE> New Document TITLE>    script 

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

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

代码:

让Dropdownlist拥有Tooltip属性[通俗易懂]
<
HTML
>

让Dropdownlist拥有Tooltip属性[通俗易懂] 

<
HEAD
>

让Dropdownlist拥有Tooltip属性[通俗易懂]  

<
TITLE
>
 New Document 
</
TITLE
>

让Dropdownlist拥有Tooltip属性[通俗易懂]让Dropdownlist拥有Tooltip属性[通俗易懂]    

<
script 
language
=”javascript”
 type
=”text/javascript”
>


让Dropdownlist拥有Tooltip属性[通俗易懂]
//该脚本来自网络
让Dropdownlist拥有Tooltip属性[通俗易懂]
  function showdropitem()
让Dropdownlist拥有Tooltip属性[通俗易懂]让Dropdownlist拥有Tooltip属性[通俗易懂]        
{

让Dropdownlist拥有Tooltip属性[通俗易懂]            
var el = document.getElementsByTagName(select);
让Dropdownlist拥有Tooltip属性[通俗易懂]            
for(i=0;i<el.length;i++)
让Dropdownlist拥有Tooltip属性[通俗易懂]让Dropdownlist拥有Tooltip属性[通俗易懂]            
{

让Dropdownlist拥有Tooltip属性[通俗易懂]                
for(j=0;j<el[i].options.length;j++)
让Dropdownlist拥有Tooltip属性[通俗易懂]让Dropdownlist拥有Tooltip属性[通俗易懂]                
{

让Dropdownlist拥有Tooltip属性[通俗易懂]                    el[i].options[j].title 
= el[i].options[j].text;
让Dropdownlist拥有Tooltip属性[通俗易懂]                }

让Dropdownlist拥有Tooltip属性[通俗易懂]            }

让Dropdownlist拥有Tooltip属性[通俗易懂]        }

让Dropdownlist拥有Tooltip属性[通俗易懂]  

</
script
>

让Dropdownlist拥有Tooltip属性[通俗易懂] 

</
HEAD
>

让Dropdownlist拥有Tooltip属性[通俗易懂]

<
BODY 
onload
=”showdropitem()”
>

让Dropdownlist拥有Tooltip属性[通俗易懂]  

<
select 
name
=”selOperator”
 id
=”selOperator”
  
>

让Dropdownlist拥有Tooltip属性[通俗易懂] 

<
option 
value
=”501″
 selected
>
sina
</
option
>
           
让Dropdownlist拥有Tooltip属性[通俗易懂] 

<
option 
value
=”503″
>
sohu
</
option
>

让Dropdownlist拥有Tooltip属性[通俗易懂] 

<
option 
value
=”505″
>
yahoo
</
option
>

让Dropdownlist拥有Tooltip属性[通俗易懂] 

<
option 
value
=”510″
>
chianren
</
option
>
 
让Dropdownlist拥有Tooltip属性[通俗易懂] 

</
select
>

让Dropdownlist拥有Tooltip属性[通俗易懂] 

</
BODY
>

让Dropdownlist拥有Tooltip属性[通俗易懂]

</
HTML
>

让Dropdownlist拥有Tooltip属性[通俗易懂]
让Dropdownlist拥有Tooltip属性[通俗易懂]
让Dropdownlist拥有Tooltip属性[通俗易懂]

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/189190.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 各厂商服务器存储默认管理口登录信息(默认IP、用户名、密码)收集

    各厂商服务器存储默认管理口登录信息(默认IP、用户名、密码)收集在此收集了一些厂商的服务器存储设备的默认管理口信息,以供大家日后运维时方便查找,若有错误的地方请指正,谢谢!服务器管理口信息:设备类型 设备型号 默认管理IP 默认用户名 默认密码 IBM服务器 IBMP小型机ASMI hmc1:192.168.2.147 hmc2:192.168.3.147 admin admin I…

  • 图书馆借阅系统「建议收藏」

    图书馆借阅系统一、图书馆借阅系统是对书籍信息操作的信息管理系统。书籍信息包括书名、作者、编号、是否借出。本系统针对两类用户(图书管理员和学生)使用,对于图书馆管理员,可以进行查看书籍列表、查找书籍、新增书籍信息、删除书籍、退出登录操作;对于学生,可以进行查看书籍列表、查找书籍、借阅书籍、归还书籍、退出登录操作。二、代码部分1.book包的建立Book类的建立对于图书馆借阅系统,把书看作一个对象,根据该book所具有的属性,定义一系列书籍的私有属性,以及对这些属性进行操作的访问器(get())和设置器

  • c语言数组介绍

    c语言数组介绍文章目录一、一维数组的创建和初始化1.数组的创建2.数组的初始化3.一维数组的使用4.一维数组在内存中的存储二、二维数组的创建和初始化1.二维数组的创建2.二维数组的创建3.二维数组的创建4.二维数组在内存中的存储二、数组越界1.数组名是什么?一、一维数组的创建和初始化1.数组的创建数组是一组相同类型元素的集合。数组的创建方式:type_tarr_name[const_n];//type_t是指数组的元素类型//const_n是一个常量表达式,用来指定数组的大小数组创建的实

  • 多模态学习「建议收藏」

    多模态学习「建议收藏」作者:张致远#mermaid-svg-bqinfdlcry278edQ.label{font-family:’trebuchetms’,verdana,arial;font-family:var(–mermaid-font-family);fill:#333;color:#333}#mermaid-svg-bqinfdlcry278edQ.labeltext{fill:#333}#mermaid-svg-bqinfdlcry278edQ.noderect,#mermaid-svg-..

  • 微信授权登录报错40029

    微信授权登录报错40029最近傻屌app微信授权登录报错40029,查看了很长时间,最后发现,是后端代码配置的appid和app那边配置的appid不一样导致的,如果出现这种报错,一方面查看code是否被使用,还有就是这种配置文件是不是一样的了。{“errcode”:40029,”errmsg”:”invalidcode,hints:[req_id:bHlBdZyFe-tOmSea]”}…

  • goland 2021.5激活码【注册码】[通俗易懂]

    goland 2021.5激活码【注册码】,https://javaforall.cn/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号